From 1e9459423e1d42bd155cbab20b6f13029bef6a6e Mon Sep 17 00:00:00 2001
From: wassim <63935826+wassimelboussi@users.noreply.github.com>
Date: Tue, 4 Jul 2023 21:03:00 +0400
Subject: [PATCH] Update 10_react_project_folder_structure.md

Fix all typos in the import statement of react
---
 .../10_react_project_folder_structure.md             | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/10_React_Project_Folder_Structure/10_react_project_folder_structure.md b/10_React_Project_Folder_Structure/10_react_project_folder_structure.md
index a49aeb0..d36178e 100644
--- a/10_React_Project_Folder_Structure/10_react_project_folder_structure.md
+++ b/10_React_Project_Folder_Structure/10_react_project_folder_structure.md
@@ -66,7 +66,7 @@ In the above snippet of code, we have the App component. Let's create the App co
 
 ```js
 // src/App.js
-import React from 'react
+import React from 'react'
 const App = () => <h1>Welcome to 30 Days Of React</h1>
 ```
 
@@ -76,7 +76,7 @@ We just add the keyword export before _let_ or _const_ to make a named export.
 
 ```js
 // src/App.js
-import React from 'react
+import React from 'react'
 
 // named export in arrow function
 export const App = () => <h1>Welcome to 30 Days Of React</h1>
@@ -86,7 +86,7 @@ Exporting in a function declaration, a regular function
 
 ```js
 // src/App.js
-import React from 'react
+import React from 'react'
 // named export in regular function, function declaration
 export function App () {
 return <h1>Welcome to 30 Days Of React</h1>
@@ -109,7 +109,7 @@ We saw a named export and now let's implement it with default export. We can do
 
 ```js
 // src/App.js
-import React from 'react
+import React from 'react'
 // export default in arrow function
 export default const App = () => <h1>Welcome to 30 Days Of React</h1>
 
@@ -117,7 +117,7 @@ export default const App = () => <h1>Welcome to 30 Days Of React</h1>
 
 ```js
 // src/App.js
-import React from 'react
+import React from 'react'
 // export default in arrow function
 export default function App () {
   return <h1>Welcome to 30 Days Of React</h1>
@@ -127,7 +127,7 @@ export default function App () {
 ```js
 // src/App.js
 // Recommended for most of the cases
-import React from 'react
+import React from 'react'
 const App = () => <h1>Welcome to 30 Days Of React</h1>
 export default App
 ```