diff --git a/webpack-react/package.json b/webpack-react/package.json
index b4e3c74..2ccd56c 100644
--- a/webpack-react/package.json
+++ b/webpack-react/package.json
@@ -26,6 +26,7 @@
"webpack-dev-server": "^4.9.2"
},
"dependencies": {
+ "prop-types": "^15.8.1",
"react": "^18.1.0",
"react-dom": "^18.1.0"
}
diff --git a/webpack-react/src/components/hello.jsx b/webpack-react/src/components/hello.jsx
new file mode 100644
index 0000000..2904898
--- /dev/null
+++ b/webpack-react/src/components/hello.jsx
@@ -0,0 +1,17 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+//destructure props
+const Hello = ({msg}) => {
+ return (
+ <>
+
{msg}
+ >
+ );
+}
+
+export default Hello
+
+Hello.propTypes = {
+ msg: PropTypes.string,
+};
diff --git a/webpack-react/src/components/home.jsx b/webpack-react/src/components/home.jsx
deleted file mode 100644
index 7432700..0000000
--- a/webpack-react/src/components/home.jsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import React from 'react';
-
-const Home = () => {
-return React.js Lambda Function Component
-}
-
-export default Home
diff --git a/webpack-react/src/index.js b/webpack-react/src/index.js
index cced3f0..9565356 100644
--- a/webpack-react/src/index.js
+++ b/webpack-react/src/index.js
@@ -1,6 +1,6 @@
import React from 'react';
import ReactDOM from 'react-dom';
-import Home from './components/home';
+import Home from './pages/home';
//since react 18
import { createRoot } from 'react-dom/client';
diff --git a/webpack-react/src/pages/home.jsx b/webpack-react/src/pages/home.jsx
new file mode 100644
index 0000000..16550ae
--- /dev/null
+++ b/webpack-react/src/pages/home.jsx
@@ -0,0 +1,14 @@
+import React from 'react';
+import Hello from '../components/hello';
+
+const Home = () => {
+ return (
+ <>
+ Home
+ (React.js Lambda Function Component)
+
+ >
+ );
+}
+
+export default Home