feat(04-zkapp-ui-with-react.mdx): update load web worker step

MinaProtocol · Sep 26, 2024 · a64a235 · a64a235
1 parent a0f5c0c
commit a64a235
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/docs/zkapps/tutorials/04-zkapp-ui-with-react.mdx b/docs/zkapps/tutorials/04-zkapp-ui-with-react.mdx
@@ -224,13 +224,11 @@ To learn more about `useEffect` hooks, see [useEffect](https://react.dev/referen
 #### Load web worker and setup Mina active instance
 ```ts ignore
 ...
-  setDisplayText('Loading web worker...');
-  console.log('Loading web worker...');
+  displayStep('Loading web worker...')
   const zkappWorkerClient = new ZkappWorkerClient();
-  await timeout(5);
-
-  setDisplayText('Done loading web worker');
-  console.log('Done loading web worker');
+  setZkappWorkerClient(zkappWorkerClient);
+  await new Promise((resolve) => setTimeout(resolve, 5000));
+  displayStep('Done loading web worker')
 
   await zkappWorkerClient.setActiveInstanceToDevnet();
 ...