test

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>
     </>
   )
 }

src/MyComponent.jsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const MyComponent = () => {
+    return <h1>Hello, World!</h1>;
+};
+
+export default MyComponent;