diff --git a/docs/zkapps/tutorials/04-zkapp-ui-with-react.mdx b/docs/zkapps/tutorials/04-zkapp-ui-with-react.mdx index c70229e5d..37d1d846b 100644 --- a/docs/zkapps/tutorials/04-zkapp-ui-with-react.mdx +++ b/docs/zkapps/tutorials/04-zkapp-ui-with-react.mdx @@ -125,7 +125,18 @@ Start by deleting the default `page.tsx` file that comes with a new project so t ```sh $ rm app/page.tsx ``` +### Install UI dependencies +This tutorial uses the `comlink` package to integrate web workers into the React application. Comlink simplifies +communication between the main thread and web workers by abstracting the postMessage API, allowing you to call functions in the worker as if they were local. + +In the `04-zkapp-browser-ui/ui` directory, install `comlink` by running the following command: + +```sh +$ npm install comlink +``` + +This example uses to comlink package for seamless integration of webworkers ## Build the default contract This tutorial uses the default contract `Add` that is always scaffolded with the `zk project` command.