fix

src/App.tsx

@@ -248,7 +248,9 @@ export function App() {
         files,
         workplaceState.canisters,
       );
-      await container.container!.mount(bundle, { mountPoint: "user" });
+      await container.rm("user", { recursive: true, force: true });
+      await container.mkdir("user");
+      await container.mount(bundle, { mountPoint: "user" });
     },
     [workplaceDispatch],
   );

src/components/FrontendDeployModal.tsx

@@ -94,7 +94,8 @@ export function FrontendDeployModal({
         state.files,
         canisters,
       );
-      await container.container!.mount(files, { mountPoint: "user" });
+      // mount doesn't remove old files, but this is fine for now
+      await container.mount(files, { mountPoint: "user" });
       if (Object.keys(canisters).length === 0) {
         logger.log(
           "No backend canisters found. Please deploy at least one backend canister first.",

src/webcontainer.ts

@@ -69,6 +69,20 @@ export class Container {
     };
     await this.container!.mount(files);
   }
+  async mount(files: FileSystemTree, options?: { mountPoint?: string }) {
+    await this.init();
+    if (this.isDummy) {
+      return;
+    }
+    await this.container!.mount(files, options);
+  }
+  async rm(path: string, options?: { recursive?: boolean; force?: boolean }) {
+    await this.init();
+    if (this.isDummy) {
+      return;
+    }
+    await this.container!.fs.rm(path, options);
+  }
   async writeFile(
     path: string,
     contents: string | Uint8Array,