diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index 6daa7bf..169b1c8 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import App from "./App.tsx";
+import ImageUpload from "./components/ImageUpload.tsx";
 import "./index.css";
 import { Toaster } from "react-hot-toast";
 
@@ -10,3 +10,19 @@ ReactDOM.createRoot(document.getElementById("root")!).render(
     <Toaster />
   </React.StrictMode>
 );
+import { useState } from 'react';
+import './App.css';
+
+function App() {
+  const [referenceImages, setReferenceImages] = useState<string[]>([]);
+
+  return (
+    <div className="App">
+      <header className="App-header">
+        <ImageUpload setReferenceImages={setReferenceImages} />
+      </header>
+    </div>
+  );
+}
+
+export default App;