diff --git a/ui/src/App.jsx b/ui/src/App.jsx
index ee10a96a..8ebfe86b 100644
--- a/ui/src/App.jsx
+++ b/ui/src/App.jsx
@@ -5,11 +5,12 @@ import WebPreview from "./components/WebPreview";
 import { ConfigProvider } from 'antd';
 import { BrowserRouter } from 'react-router-dom'
 
-const App = () => (
+export default function App() {
   const [html, setHtml] = useState(null);
   const [elements, setElements] = useState([])
 
-  <ConfigProvider
+  return (
+    <ConfigProvider
     theme={{
       token: {
         colorPrimary: '#ff00c3',
@@ -20,9 +21,9 @@ const App = () => (
     <BrowserRouter>
       <Topbar />
       {/* <Sidebar />  */}
-      <WebPreview />
+      <WebPreview html={html} setHtml={setHtml} elements={elements} />
     </BrowserRouter>
   </ConfigProvider>
-);
+  )
 
-export default App;
\ No newline at end of file
+}
\ No newline at end of file