cleanup

src/components/Availability/index.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { render } from '@testing-library/react'
 import Availability from '.'
 

src/components/HostnameCheck/index.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
 import HostnameCheck from '.'
 

src/components/Icon/index.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { render } from '@testing-library/react'
 
 import Icon from '.'

src/components/Icon/index.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 // https://featherstyles.com
 // import * as Feather from '@kremalicious/react-feather'
 import {

src/components/Meta/index.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { render, act } from '@testing-library/react'
 import Meta from '.'
 

src/components/Networks/index.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { render } from '@testing-library/react'
 import Networks from '.'
 

src/components/ProjectNav/Project.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react'
+import { forwardRef, ForwardedRef } from 'react'
 import Link from 'next/link'
 import ProjectImage from '../ProjectImage'
 import styles from './index.module.css'
@@ -7,7 +7,7 @@ import ProjectType from '../../interfaces/project'
 export const Project = forwardRef(
   (
     { project }: { project: ProjectType },
-    ref: React.ForwardedRef<HTMLAnchorElement>
+    ref: ForwardedRef<HTMLAnchorElement>
   ) => (
     <Link
       className={`${styles.item} ${ref ? styles.current : null}`}

src/components/Repository/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import Repo from '../../interfaces/repo'
 import Icon from '../Icon'
 import styles from './index.module.css'

src/pages/_app.tsx

@@ -1,15 +1,11 @@
-import type { AppProps, NextWebVitalsMetric } from 'next/app'
+import type { AppProps } from 'next/app'
 import '../styles/global.css'
 import Site from '../layouts/Site'
 
 export default function MyApp({ Component, pageProps, router }: AppProps) {
   return (
     <Site>
-      <Component {...pageProps} key={router.asPath} />
+      <Component {...pageProps} />
     </Site>
   )
 }
-
-// export function reportWebVitals(metric: NextWebVitalsMetric) {
-//   console.info(metric)
-// }

tests/__mocks__/svgr-mock.tsx

@@ -1,6 +1,6 @@
-import React, { SVGProps } from 'react'
+import { SVGProps, forwardRef } from 'react'
 
-const SvgrMock = React.forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(
+const SvgrMock = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(
   (props, ref) => <svg ref={ref} {...props} />
 )
 

tests/jest.setup.tsx

@@ -7,7 +7,7 @@ import './__mocks__/matchMedia'
 jest.mock('next/router', () => ({
   useRouter: jest.fn().mockImplementation(() => ({
     route: '/',
-    asPath: '/'
+    pathname: '/'
   }))
 }))