Fix highlighting for typescript files

Author: Aryan Jabbari

src/pages/examples/hocs.mdx

@@ -20,7 +20,7 @@ Please note that this section uses the `utility-types` [package](https://github.
 
 HOCs often inject props into wrapped components. In the below example, `T` is defined as the `WrappedComponent` props together with the
 
-```tsx
+```typescript
 import { ComponentType } from 'react';
 import { Diff } from 'utility-types';
 
@@ -36,7 +36,7 @@ export default function withWoofString<T extends WithWoofStringProps>(
   // note below that Diff removes the props from T that exist in WithWoofStringProps
   // this leaves us with the props of the originally passed in component (without the injected props)
   const hocComponent = (props: Diff<T, WithWoofStringProps>) => (
-    <WrappedComponent {...props as T} woof={woof} />
+    <WrappedComponent {...(props as T)} woof={woof} />
   );
   return hocComponent;
 }

src/pages/examples/react-router.mdx

@@ -9,13 +9,7 @@ import SEO from '../../components/Seo';
 <SEO
   description="Using TypeScript with React Router."
   title="React Router"
-  keywords={[
-    'react router',
-    'router',
-    'withRouter',
-    'url parameters',
-    'route parameters',
-  ]}
+  keywords={['react router', 'router', 'withRouter', 'url parameters', 'route parameters']}
 />
 
 # React Router
@@ -42,7 +36,7 @@ export default withRouter(SomeComponent);
 
 To type URL parameters, import and use `RouteComponentProps` ([declaration](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react-router/index.d.ts#L71)) from `react-router`. Pass your parameter definitions as a type variable to `RouteComponentProps`:
 
-```tsx
+```typescript
 // Router.tsx
 import { BrowserRouter, Route } from 'react-router-dom';