diff --git a/app.tsx b/app.tsx
index 18f6a99..f07aec1 100644
--- a/app.tsx
+++ b/app.tsx
@@ -1,8 +1,9 @@
 import ReactDOM from "react-dom/client";
 
+
 export function App(){
     return <>
-        <div>lol hey!</div>
+        <div>lol hey 3</div>
     </>
 }
 
diff --git a/server.ts b/server.ts
index 07673be..d7cb19e 100644
--- a/server.ts
+++ b/server.ts
@@ -47,7 +47,7 @@ async function BakeCheck(path:string, type?:"package")
     const lookup:CachedTranspile = await BakeCache[path];
     if(!lookup)
     {
-        return BakeForce(path, type);
+        return await BakeForce(path, type);
     }
     return lookup;
 }
@@ -65,9 +65,12 @@ for(const key in denoBody.imports)
     }
 }
 
-denoBody.imports["react-jsx-runtime-original"] = "/>/npm:react/jsx-runtime";
+denoBody.imports["react-jsx-runtime-original"] = `${denoBody.imports[denoBody.compilerOptions.jsxImportSource]}/jsx-runtime`;
 denoBody.imports["react/jsx-runtime"] = "/^/jsx-runtime.tsx";
 
+denoBody.imports["react-original"] = denoBody.imports[denoBody.compilerOptions.jsxImportSource];
+denoBody.imports["react"] = "/^/hmr/hmr-react.tsx";
+
 // denoBody.imports["react-original"] = denoBody.imports["react"];
 // denoBody.imports["react-jsx-runtime-original"] = denoBody.imports[denoBody.compilerOptions.jsxImportSource]+"/jsx-runtime";
 // denoBody.imports["signals-original"] = denoBody.imports["@preact/signals"];
@@ -91,7 +94,6 @@ Deno.serve(async(req:Request)=>
 {
     if(req.headers.get("upgrade") == "websocket")
     {
-        console.log(" --serve socket", req.url)
         try
         {
             const { response, socket } = Deno.upgradeWebSocket(req);
@@ -109,32 +111,27 @@ Deno.serve(async(req:Request)=>
 
     const lastPart = parts.at(-1);
     const extension = extractExtension(lastPart);
-    console.log("REQUEST:", parts);
 
     if(parts[0] == keyBundle)
     {
         const proxiedPath = parts.slice(1).join("/");
         const transpiled = await BakeCheck(proxiedPath, "package");
-        console.log(" --serve bundle", proxiedPath);
         return JSResponse(transpiled[0]);
     }
     if(parts[0] == keyAdjacent)
     {
         const proxiedPath = "/"+parts.slice(1).join("/");
         const transpiled = await BakeCheck(proxiedPath);
-        console.log(" --serve adjacent", proxiedPath);
         return JSResponse(transpiled[0]);
     }
     if(keysExtension.includes(extension))
     {
-        console.log(" --serve local file", parts)
         const transpiled = await BakeCheck(url.pathname);
         return JSResponse(transpiled[url.searchParams.has(keyReload) ? 0 : 1]);
     }
 
     if(!extension)
     {
-        console.log(" --serving html page", parts);
         return IndexResponse();
     }
 
@@ -162,11 +159,12 @@ const Watcher =async()=>
 
                     if(keysExtension.includes(extension))
                     {
-                        console.log("File change", path);
+                        
                         const key = path.substring(Deno.cwd().length).replaceAll("\\", "/");
+                        console.log("File change", path, key);
                         if(action != "remove")
                         {   
-                            BakeForce(path);
+                            await BakeForce(key);
                             SocketsSend(key);
                         }
                         else