chore: refactor react import

components/ErrorPage.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { PageHead } from './PageHead'
 
 import styles from './styles.module.css'

components/Footer.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import useDarkMode from '@fisch0920/use-dark-mode'
 import { FaTwitter } from '@react-icons/all-files/fa/FaTwitter'
 import { FaZhihu } from '@react-icons/all-files/fa/FaZhihu'

components/GitHubShareButton.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import styles from './styles.module.css'
 

components/Loading.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { LoadingIcon } from './LoadingIcon'
 
 import styles from './styles.module.css'

components/LoadingIcon.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import cs from 'classnames'
 import styles from './styles.module.css'
 

components/NotionPage.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import Link from 'next/link'
 import Image from 'next/image'
 import dynamic from 'next/dynamic'

components/NotionPageHeader.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import cs from 'classnames'
 import useDarkMode from '@fisch0920/use-dark-mode'
 import { IoSunnyOutline } from '@react-icons/all-files/io5/IoSunnyOutline'

components/Page404.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import * as types from 'lib/types'
 import { PageHead } from './PageHead'
 

components/PageActions.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { IoHeartOutline } from '@react-icons/all-files/io5/IoHeartOutline'
 import { AiOutlineRetweet } from '@react-icons/all-files/ai/AiOutlineRetweet'
 

components/PageHead.tsx

@@ -1,5 +1,5 @@
 import Head from 'next/head'
-import React from 'react'
+import * as React from 'react'
 
 import * as types from 'lib/types'
 import * as config from 'lib/config'

components/PageSocial.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import cs from 'classnames'
 
 import * as config from 'lib/config'

pages/[pageId].tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { isDev, domain } from 'lib/config'
 import { getSiteMaps } from 'lib/get-site-maps'
 import { resolveNotionPage } from 'lib/resolve-notion-page'

pages/_app.tsx

@@ -22,7 +22,7 @@ import 'styles/notion.css'
 // global style overrides for prism theme (optional)
 import 'styles/prism-theme.css'
 
-import React from 'react'
+import * as React from 'react'
 import { useRouter } from 'next/router'
 import * as Fathom from 'fathom-client'
 import posthog from 'posthog-js'

pages/_document.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import Document, { Html, Head, Main, NextScript } from 'next/document'
 import { IconContext } from '@react-icons/all-files'
 

pages/api/social-image.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { withOGImage } from 'next-api-og-image'
 
 import {

pages/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { domain } from 'lib/config'
 import { resolveNotionPage } from 'lib/resolve-notion-page'
 import { NotionPage } from 'components'