fix: react import error

alokdangre · alokdangre · commit 46ba7b1ba8ed · 2025-04-05T17:17:56.000Z
Signed-off-by: Alok Dangre &lt;alokdangre@gmail.com&gt;

Signed-off-by: Alok Dangre &lt;148090007+alokdangre@users.noreply.github.com&gt;
diff --git a/site/src/pages/components/index.js b/site/src/pages/components/index.js
@@ -1,3 +1,4 @@
+import React from "react";
 const Components = () => {
   return <div className="text-center text-bold">Components</div>;
 };
diff --git a/site/src/pages/home/index.js b/site/src/pages/home/index.js
@@ -1,3 +1,4 @@
+import React from "react";
 const Home = () => {
   return <div className="text-center text-bold">Home</div>;
 };
diff --git a/site/src/pages/identity/colors/code.js b/site/src/pages/identity/colors/code.js
@@ -2,6 +2,7 @@ import Next from '../Next';
 import Previous from '../Previous';
 import Sidebar from '../Sidebar';
 import SubContent from '../SubContent';
+import React from "react";
 
 const items = [
   {
diff --git a/site/src/pages/identity/colors/guidance.js b/site/src/pages/identity/colors/guidance.js
@@ -3,6 +3,7 @@ import Previous from '../Previous';
 import Sidebar from '../Sidebar';
 import SubContent from '../SubContent';
 import SubText from '../SubText';
+import React from "react";
 
 const items = [
   {
diff --git a/site/src/pages/identity/colors/index.js b/site/src/pages/identity/colors/index.js
@@ -4,6 +4,7 @@ import Text from '../Text';
 import Code from './code';
 import Guidance from './guidance';
 import Overview from './overview';
+import React from "react";
 
 const Color = () => {
   const { id } = useParams();
diff --git a/site/src/pages/identity/colors/overview.js b/site/src/pages/identity/colors/overview.js
@@ -3,6 +3,7 @@ import Previous from '../Previous';
 import Sidebar from '../Sidebar';
 import SubContent from '../SubContent';
 import SubText from '../SubText';
+import React from "react";
 
 const items = [
   {
diff --git a/site/src/pages/identity/elevation/index.js b/site/src/pages/identity/elevation/index.js
@@ -1,3 +1,4 @@
+import React from "react";
 const Elevation = () => {
   return <div className="text-center text-bold">Elevation</div>;
 };
diff --git a/site/src/pages/identity/page-layouts/index.js b/site/src/pages/identity/page-layouts/index.js
@@ -1,3 +1,4 @@
+import React from "react";
 const PageLayout = () => {
   return <div className="text-center text-bold">Page Layout</div>;
 };
diff --git a/site/src/pages/identity/spacing/index.js b/site/src/pages/identity/spacing/index.js
@@ -1,3 +1,4 @@
+import React from "react";
 const Spacing = () => {
   return <div className="text-center text-bold">Spacing</div>;
 };
diff --git a/site/src/pages/identity/typography/code.js b/site/src/pages/identity/typography/code.js
@@ -1,3 +1,4 @@
+import React from "react";
 import Next from '../Next';
 import Previous from '../Previous';
 import Sidebar from '../Sidebar';
diff --git a/site/src/pages/identity/typography/guidance.js b/site/src/pages/identity/typography/guidance.js
@@ -1,3 +1,4 @@
+import React from "react";
 import Next from '../Next';
 import Previous from '../Previous';
 import Sidebar from '../Sidebar';
diff --git a/site/src/pages/identity/typography/index.js b/site/src/pages/identity/typography/index.js
@@ -1,3 +1,4 @@
+import React from "react";
 import { useParams } from 'react-router-dom';
 import Navigation from '../Navigation';
 import Text from '../Text';
diff --git a/site/src/pages/identity/typography/overview.js b/site/src/pages/identity/typography/overview.js
@@ -1,3 +1,4 @@
+import React from "react";
 import Next from '../Next';
 import Previous from '../Previous';
 import Sidebar from '../Sidebar';

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+import React from "react";`
`1`	`2`	`const Components = () => {`
`2`	`3`	`return <div className="text-center text-bold">Components</div>;`
`3`	`4`	`};`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+import React from "react";`
`1`	`2`	`const Home = () => {`
`2`	`3`	`return <div className="text-center text-bold">Home</div>;`
`3`	`4`	`};`
Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,7 @@ import Next from '../Next';`
`2`	`2`	`import Previous from '../Previous';`
`3`	`3`	`import Sidebar from '../Sidebar';`
`4`	`4`	`import SubContent from '../SubContent';`
	`5`	`+import React from "react";`
`5`	`6`
`6`	`7`	`const items = [`
`7`	`8`	`{`
Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,7 @@ import Previous from '../Previous';`
`3`	`3`	`import Sidebar from '../Sidebar';`
`4`	`4`	`import SubContent from '../SubContent';`
`5`	`5`	`import SubText from '../SubText';`
	`6`	`+import React from "react";`
`6`	`7`
`7`	`8`	`const items = [`
`8`	`9`	`{`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+import React from "react";`
`1`	`2`	`const Elevation = () => {`
`2`	`3`	`return <div className="text-center text-bold">Elevation</div>;`
`3`	`4`	`};`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+import React from "react";`
`1`	`2`	`const PageLayout = () => {`
`2`	`3`	`return <div className="text-center text-bold">Page Layout</div>;`
`3`	`4`	`};`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+import React from "react";`
`1`	`2`	`const Spacing = () => {`
`2`	`3`	`return <div className="text-center text-bold">Spacing</div>;`
`3`	`4`	`};`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+import React from "react";`
`1`	`2`	`import Next from '../Next';`
`2`	`3`	`import Previous from '../Previous';`
`3`	`4`	`import Sidebar from '../Sidebar';`