chore: refactor react import

transitive-bullshit · transitive-bullshit · commit cfbfcc15145d · 2022-04-10T12:17:48.000-04:00
diff --git a/examples/cra/src/index.tsx b/examples/cra/src/index.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
-import ReactDOM from 'react-dom'
+import * as React from 'react'
+import * as ReactDOM from 'react-dom'
 import App from './App'
 
 // core styles shared by all of react-notion-x (required)
diff --git a/examples/full/components/NotionPage.tsx b/examples/full/components/NotionPage.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import Head from 'next/head'
 import Link from 'next/link'
 import Image from 'next/image'
diff --git a/examples/full/pages/[pageId].tsx b/examples/full/pages/[pageId].tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import { getAllPagesInSpace } from 'notion-utils'
 import { defaultMapPageUrl } from 'react-notion-x'
diff --git a/examples/full/pages/_app.tsx b/examples/full/pages/_app.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import '../styles/globals.css'
 
diff --git a/examples/full/pages/index.tsx b/examples/full/pages/index.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import { ExtendedRecordMap } from 'notion-types'
 
diff --git a/examples/minimal/components/NotionPage.tsx b/examples/minimal/components/NotionPage.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import Head from 'next/head'
 
 import { NotionRenderer } from 'react-notion-x'
diff --git a/examples/minimal/pages/[pageId].tsx b/examples/minimal/pages/[pageId].tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import { ExtendedRecordMap } from 'notion-types'
 
diff --git a/examples/minimal/pages/_app.tsx b/examples/minimal/pages/_app.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import '../styles/globals.css'
 
diff --git a/examples/minimal/pages/index.tsx b/examples/minimal/pages/index.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import { ExtendedRecordMap } from 'notion-types'
 
diff --git a/packages/react-notion-x/readme.md b/packages/react-notion-x/readme.md
@@ -30,7 +30,7 @@ const recordMap = await api.getPage('067dd719a912471ea9a3ac10710e7fdf')
 Once you have the data for a Notion page, you can render it:
 
 ```tsx
-import React from 'react'
+import * as React from 'react'
 import { NotionRenderer } from 'react-notion-x'
 
 export default ExampleNotionPage({ recordMap }) => (
diff --git a/packages/react-notion-x/src/block.tsx b/packages/react-notion-x/src/block.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {
   getBlockIcon,
   getTextContent,
diff --git a/packages/react-notion-x/src/components/asset-wrapper.tsx b/packages/react-notion-x/src/components/asset-wrapper.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { BaseContentBlock, Block } from 'notion-types'
 import { Asset } from './asset'
 import { cs } from '../utils'
diff --git a/packages/react-notion-x/src/components/asset.tsx b/packages/react-notion-x/src/components/asset.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { BaseContentBlock, Block } from 'notion-types'
 import { getTextContent } from 'notion-utils'
 
diff --git a/packages/react-notion-x/src/components/audio.tsx b/packages/react-notion-x/src/components/audio.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import { AudioBlock } from 'notion-types'
 import { useNotionContext } from '../context'
diff --git a/packages/react-notion-x/src/components/checkbox.tsx b/packages/react-notion-x/src/components/checkbox.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import CheckIcon from '../icons/check'
 
diff --git a/packages/react-notion-x/src/components/eoi.tsx b/packages/react-notion-x/src/components/eoi.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Block } from 'notion-types'
 
 import { useNotionContext } from '../context'
diff --git a/packages/react-notion-x/src/components/file.tsx b/packages/react-notion-x/src/components/file.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { FileBlock } from 'notion-types'
 
 import { FileIcon } from '../icons/file-icon'
diff --git a/packages/react-notion-x/src/components/google-drive.tsx b/packages/react-notion-x/src/components/google-drive.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { GoogleDriveBlock } from 'notion-types'
 
 import { useNotionContext } from '../context'
diff --git a/packages/react-notion-x/src/components/graceful-image.tsx b/packages/react-notion-x/src/components/graceful-image.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Img, ImgProps } from 'react-image'
 import { isBrowser } from '../utils'
 
diff --git a/packages/react-notion-x/src/components/header.tsx b/packages/react-notion-x/src/components/header.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import { useHotkeys } from 'react-hotkeys-hook'
 import { getPageBreadcrumbs } from 'notion-utils'
diff --git a/packages/react-notion-x/src/components/lazy-image.tsx b/packages/react-notion-x/src/components/lazy-image.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { LazyImageFull, ImageState } from 'react-lazy-images'
 import { normalizeUrl } from 'notion-utils'
 import { useNotionContext } from '../context'
diff --git a/packages/react-notion-x/src/components/lite-youtube-embed.tsx b/packages/react-notion-x/src/components/lite-youtube-embed.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { cs } from '../utils'
 
 const qs = (params: Record<string, string>) => {
diff --git a/packages/react-notion-x/src/components/page-aside.tsx b/packages/react-notion-x/src/components/page-aside.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import throttle from 'lodash.throttle'
 import { TableOfContentsEntry, uuidToId } from 'notion-utils'
 
diff --git a/packages/react-notion-x/src/components/page-icon.tsx b/packages/react-notion-x/src/components/page-icon.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { getBlockIcon, getBlockTitle } from 'notion-utils'
 import { Block, PageBlock, CalloutBlock } from 'notion-types'
 
diff --git a/packages/react-notion-x/src/components/page-title.tsx b/packages/react-notion-x/src/components/page-title.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Block, Decoration } from 'notion-types'
 import { getBlockTitle } from 'notion-utils'
 
diff --git a/packages/react-notion-x/src/components/search-dialog.tsx b/packages/react-notion-x/src/components/search-dialog.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import * as types from 'notion-types'
 import throttle from 'lodash.throttle'
 import { getBlockTitle, getBlockParentPage } from 'notion-utils'
diff --git a/packages/react-notion-x/src/components/sync-pointer-block.tsx b/packages/react-notion-x/src/components/sync-pointer-block.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {
   SyncPointerBlock as SyncPointerBlockType,
   Block as BlockType
diff --git a/packages/react-notion-x/src/components/text.tsx b/packages/react-notion-x/src/components/text.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Block, Decoration, ExternalObjectInstance } from 'notion-types'
 import { parsePageId } from 'notion-utils'
 
diff --git a/packages/react-notion-x/src/context.tsx b/packages/react-notion-x/src/context.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { ExtendedRecordMap } from 'notion-types'
 import { wrapNextImage, wrapNextLink } from './next'
 import { AssetWrapper } from './components/asset-wrapper'
diff --git a/packages/react-notion-x/src/icons/check.tsx b/packages/react-notion-x/src/icons/check.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgCheck(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/chevron-down-icon.tsx b/packages/react-notion-x/src/icons/chevron-down-icon.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 export const ChevronDownIcon = (props) => {
   const { className, ...rest } = props
diff --git a/packages/react-notion-x/src/icons/clear-icon.tsx b/packages/react-notion-x/src/icons/clear-icon.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { cs } from '../utils'
 
 export const ClearIcon = (props) => {
diff --git a/packages/react-notion-x/src/icons/collection-view-board.tsx b/packages/react-notion-x/src/icons/collection-view-board.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgCollectionViewBoard(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/collection-view-calendar.tsx b/packages/react-notion-x/src/icons/collection-view-calendar.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgCollectionViewCalendar(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/collection-view-gallery.tsx b/packages/react-notion-x/src/icons/collection-view-gallery.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgCollectionViewGallery(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/collection-view-icon.tsx b/packages/react-notion-x/src/icons/collection-view-icon.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { CollectionViewType } from 'notion-types'
 
 import CollectionViewTableIcon from './collection-view-table'
diff --git a/packages/react-notion-x/src/icons/collection-view-list.tsx b/packages/react-notion-x/src/icons/collection-view-list.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgCollectionViewList(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/collection-view-table.tsx b/packages/react-notion-x/src/icons/collection-view-table.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgCollectionViewTable(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/copy.tsx b/packages/react-notion-x/src/icons/copy.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgCopy(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/default-page-icon.tsx b/packages/react-notion-x/src/icons/default-page-icon.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 export const DefaultPageIcon = (props) => {
   const { className, ...rest } = props
diff --git a/packages/react-notion-x/src/icons/empty-icon.tsx b/packages/react-notion-x/src/icons/empty-icon.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 export const EmptyIcon = (props) => {
   const { className, ...rest } = props
diff --git a/packages/react-notion-x/src/icons/file-icon.tsx b/packages/react-notion-x/src/icons/file-icon.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 export const FileIcon = (props) => {
   const { className, ...rest } = props
diff --git a/packages/react-notion-x/src/icons/link-icon.tsx b/packages/react-notion-x/src/icons/link-icon.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 export const LinkIcon = (props) => {
   const { className, ...rest } = props
diff --git a/packages/react-notion-x/src/icons/loading-icon.tsx b/packages/react-notion-x/src/icons/loading-icon.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { cs } from '../utils'
 
 export const LoadingIcon = (props) => {
diff --git a/packages/react-notion-x/src/icons/property-icon.tsx b/packages/react-notion-x/src/icons/property-icon.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { PropertyType } from 'notion-types'
 
 import TitleIcon from './type-title'
diff --git a/packages/react-notion-x/src/icons/search-icon.tsx b/packages/react-notion-x/src/icons/search-icon.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { cs } from '../utils'
 
 export const SearchIcon = (props) => {
diff --git a/packages/react-notion-x/src/icons/type-checkbox.tsx b/packages/react-notion-x/src/icons/type-checkbox.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgTypeCheckbox(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/type-date.tsx b/packages/react-notion-x/src/icons/type-date.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgTypeDate(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/type-email.tsx b/packages/react-notion-x/src/icons/type-email.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgTypeEmail(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/type-file.tsx b/packages/react-notion-x/src/icons/type-file.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgTypeFile(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/type-formula.tsx b/packages/react-notion-x/src/icons/type-formula.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgTypeFormula(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/type-github.tsx b/packages/react-notion-x/src/icons/type-github.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgTypeGitHub(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/type-multi-select.tsx b/packages/react-notion-x/src/icons/type-multi-select.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgTypeMultiSelect(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/type-number.tsx b/packages/react-notion-x/src/icons/type-number.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgTypeNumber(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/type-person-2.tsx b/packages/react-notion-x/src/icons/type-person-2.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgTypePerson2(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/type-person.tsx b/packages/react-notion-x/src/icons/type-person.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgTypePerson(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/type-phone-number.tsx b/packages/react-notion-x/src/icons/type-phone-number.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgTypePhoneNumber(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/type-relation.tsx b/packages/react-notion-x/src/icons/type-relation.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgTypeRelation(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/type-select.tsx b/packages/react-notion-x/src/icons/type-select.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgTypeSelect(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/type-text.tsx b/packages/react-notion-x/src/icons/type-text.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgTypeText(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/type-timestamp.tsx b/packages/react-notion-x/src/icons/type-timestamp.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgTypeTimestamp(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/type-title.tsx b/packages/react-notion-x/src/icons/type-title.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgTypeTitle(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/icons/type-url.tsx b/packages/react-notion-x/src/icons/type-url.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 function SvgTypeUrl(props: React.SVGProps<SVGSVGElement>) {
   return (
diff --git a/packages/react-notion-x/src/next.tsx b/packages/react-notion-x/src/next.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import isEqual from 'react-fast-compare'
 
 export const wrapNextImage = (NextImage: any): React.FC<any> => {
diff --git a/packages/react-notion-x/src/renderer.tsx b/packages/react-notion-x/src/renderer.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import mediumZoom from 'medium-zoom'
 import { ExtendedRecordMap } from 'notion-types'
 
diff --git a/packages/react-notion-x/src/third-party/code.tsx b/packages/react-notion-x/src/third-party/code.tsx
diff --git a/packages/react-notion-x/src/third-party/collection-card.tsx b/packages/react-notion-x/src/third-party/collection-card.tsx
diff --git a/packages/react-notion-x/src/third-party/collection-column-title.tsx b/packages/react-notion-x/src/third-party/collection-column-title.tsx
diff --git a/packages/react-notion-x/src/third-party/collection-group.tsx b/packages/react-notion-x/src/third-party/collection-group.tsx
diff --git a/packages/react-notion-x/src/third-party/collection-row.tsx b/packages/react-notion-x/src/third-party/collection-row.tsx
diff --git a/packages/react-notion-x/src/third-party/collection-view-board.tsx b/packages/react-notion-x/src/third-party/collection-view-board.tsx
diff --git a/packages/react-notion-x/src/third-party/collection-view-gallery.tsx b/packages/react-notion-x/src/third-party/collection-view-gallery.tsx
diff --git a/packages/react-notion-x/src/third-party/collection-view-list.tsx b/packages/react-notion-x/src/third-party/collection-view-list.tsx
diff --git a/packages/react-notion-x/src/third-party/collection-view-table.tsx b/packages/react-notion-x/src/third-party/collection-view-table.tsx
diff --git a/packages/react-notion-x/src/third-party/collection-view.tsx b/packages/react-notion-x/src/third-party/collection-view.tsx
diff --git a/packages/react-notion-x/src/third-party/collection.tsx b/packages/react-notion-x/src/third-party/collection.tsx
diff --git a/packages/react-notion-x/src/third-party/equation.tsx b/packages/react-notion-x/src/third-party/equation.tsx
diff --git a/packages/react-notion-x/src/third-party/pdf.tsx b/packages/react-notion-x/src/third-party/pdf.tsx
diff --git a/packages/react-notion-x/src/third-party/property.tsx b/packages/react-notion-x/src/third-party/property.tsx
diff --git a/packages/react-notion-x/src/types.ts b/packages/react-notion-x/src/types.ts
diff --git a/readme.md b/readme.md

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import React from 'react'`
	`1`	`+import * as React from 'react'`
`2`	`2`	`import Head from 'next/head'`
`3`	`3`	`import Link from 'next/link'`
`4`	`4`	`import Image from 'next/image'`