resolved some issues

Author: ajay-dhangar

courses/react-js/advanced-level/component-optimization/LazyLoadingExample.js

@@ -1,4 +1,4 @@
-import { Suspense } from "react";
+import React, { Suspense } from "react";
 const LazyComponent = React.lazy(() => import("./LazyComponent"));
 const LazyLoadingExample = () => {
   return (

courses/react-js/advanced-level/component-optimization/MemoizationExample.js

@@ -1,7 +1,8 @@
-import { useMemo, useState } from "react";
+import React, { useMemo, useState } from "react";
 
 const ExpensiveComponent = ({ value }) => {
   const expensiveFunction = (value) => {
+    // Expensive computation
     return value * 2;
   };
   const memoizedValue = useMemo(() => expensiveFunction(value), [value]);

courses/react-js/begginer-level/building-your-first-react-app/MyComponent.js

@@ -14,8 +14,8 @@ const MyComponent = () => {
       {isLoggedIn && <p>Welcome back, {name}!</p>}
 
       <ul>
-        {fruits.map((fruit) => (
-          <li>{fruit}</li>
+        {fruits.map((fruit, index) => (
+          <li key={index}>{fruit}</li>
         ))}
       </ul>
 
@@ -24,6 +24,7 @@ const MyComponent = () => {
   );
 }
 
+// Another component to compose
 const Button = ({ text, onClick }) => {
   return <button onClick={onClick}>{text}</button>;
 }