chore(examples): Updated examples to no longer import React

mlaursen · mlaursen · commit c0b8cb5f0294 · 2021-11-22T10:35:00.000-07:00
diff --git a/examples/create-react-app-typescript/src/App.tsx b/examples/create-react-app-typescript/src/App.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement } from "react";
+import type { ReactElement } from "react";
 import { Route, Switch } from "react-router-dom";
 
 import Layout from "components/Layout";
diff --git a/examples/create-react-app-typescript/src/components/Home.tsx b/examples/create-react-app-typescript/src/components/Home.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement } from "react";
+import type { ReactElement } from "react";
 import { TextContainer, Text } from "react-md";
 
 export default function Home(): ReactElement {
diff --git a/examples/create-react-app-typescript/src/components/Layout/Layout.tsx b/examples/create-react-app-typescript/src/components/Layout/Layout.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement, ReactNode } from "react";
+import type { ReactElement, ReactNode } from "react";
 import { Link, useLocation } from "react-router-dom";
 import {
   ArrowDropDownSVGIcon,
diff --git a/examples/create-react-app-typescript/src/components/Layout/navItems.tsx b/examples/create-react-app-typescript/src/components/Layout/navItems.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import type { ReactNode } from "react";
 import {
   LayoutNavigationTree,
   LayoutNavigationItem,
diff --git a/examples/create-react-app-typescript/src/components/Route1.tsx b/examples/create-react-app-typescript/src/components/Route1.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement } from "react";
+import type { ReactElement } from "react";
 import { TextContainer, Text } from "react-md";
 
 export default function Route1(): ReactElement {
diff --git a/examples/gatsby-typescript/src/pages/index.tsx b/examples/gatsby-typescript/src/pages/index.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement } from "react"
+import type { ReactElement } from "react"
 import { Text, TextContainer } from "react-md"
 
 export default function index(): ReactElement {
diff --git a/examples/gatsby-typescript/src/pages/route-1.tsx b/examples/gatsby-typescript/src/pages/route-1.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement } from "react"
+import type { ReactElement } from "react"
 import { TextContainer, Text } from "react-md"
 
 export default function Route1(): ReactElement {
diff --git a/examples/nextjs-typescript/src/components/Layout/Layout.tsx b/examples/nextjs-typescript/src/components/Layout/Layout.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement, ReactNode } from "react";
+import type { ReactElement, ReactNode } from "react";
 import { useRouter } from "next/router";
 import {
   ArrowDropDownSVGIcon,
diff --git a/examples/nextjs-typescript/src/components/Layout/navItems.tsx b/examples/nextjs-typescript/src/components/Layout/navItems.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import type { ReactNode } from "react";
 import {
   LayoutNavigationTree,
   LayoutNavigationItem,
diff --git a/examples/nextjs-typescript/src/components/LinkUnstyled.tsx b/examples/nextjs-typescript/src/components/LinkUnstyled.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement, AnchorHTMLAttributes } from "react";
+import type { ReactElement, AnchorHTMLAttributes } from "react";
 import Link, { LinkProps } from "next/link";
 
 export interface LinkUnstyledProps
diff --git a/examples/nextjs-typescript/src/pages/_app.tsx b/examples/nextjs-typescript/src/pages/_app.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement } from "react";
+import type { ReactElement } from "react";
 import Head from "next/head";
 import { AppProps } from "next/app";
 
diff --git a/examples/nextjs-typescript/src/pages/index.tsx b/examples/nextjs-typescript/src/pages/index.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement } from "react";
+import type { ReactElement } from "react";
 import { Text, TextContainer } from "react-md";
 
 export default function index(): ReactElement {
diff --git a/examples/nextjs-typescript/src/pages/route-1.tsx b/examples/nextjs-typescript/src/pages/route-1.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement } from "react";
+import type { ReactElement } from "react";
 import { TextContainer, Text } from "react-md";
 
 export default function Route1(): ReactElement {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import React, { ReactElement } from "react";`
	`1`	`+import type { ReactElement } from "react";`
`2`	`2`	`import { Route, Switch } from "react-router-dom";`
`3`	`3`
`4`	`4`	`import Layout from "components/Layout";`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import React, { ReactElement, ReactNode } from "react";`
	`1`	`+import type { ReactElement, ReactNode } from "react";`
`2`	`2`	`import { Link, useLocation } from "react-router-dom";`
`3`	`3`	`import {`
`4`	`4`	`ArrowDropDownSVGIcon,`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import React, { ReactNode } from "react";`
	`1`	`+import type { ReactNode } from "react";`
`2`	`2`	`import {`
`3`	`3`	`LayoutNavigationTree,`
`4`	`4`	`LayoutNavigationItem,`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import React, { ReactElement, AnchorHTMLAttributes } from "react";`
	`1`	`+import type { ReactElement, AnchorHTMLAttributes } from "react";`
`2`	`2`	`import Link, { LinkProps } from "next/link";`
`3`	`3`
`4`	`4`	`export interface LinkUnstyledProps`