diff --git a/src/App.jsx b/src/App.jsx
index f67355a..759025b 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -2,6 +2,7 @@ import { useState } from 'react'
 import reactLogo from './assets/react.svg'
 import viteLogo from '/vite.svg'
 import './App.css'
+import MyComponent from './MyComponent.jsx';
 
 function App() {
   const [count, setCount] = useState(0)
@@ -28,6 +29,9 @@ function App() {
       <p className="read-the-docs">
         Click on the Vite and React logos to learn more
       </p>
+      <div>
+        <MyComponent />
+      </div>
     </>
   )
 }
diff --git a/src/MyComponent.jsx b/src/MyComponent.jsx
new file mode 100644
index 0000000..52ee4c0
--- /dev/null
+++ b/src/MyComponent.jsx
@@ -0,0 +1,7 @@
+import React from "react";
+
+const MyComponent = () => {
+    return <h1>Hello, World!</h1>;
+};
+
+export default MyComponent;
\ No newline at end of file