fix: type

jpwallace22 · Dec 9, 2023 · ec7666d · ec7666d
1 parent 0b08c0b
commit ec7666d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/docs/src/content/docs/hooks/useWorkerState.mdx b/docs/src/content/docs/hooks/useWorkerState.mdx
@@ -3,7 +3,7 @@ title: useWorkerState()
 description: A hook that exposes a web worker as a function and returns state
 ---
 
-import { UseWorkerState } from '../../../components/useWorkerState';
+import { UseWorkerState } from '../../../components/UseWorkerState';
 
 ## Overview
 

diff --git a/use-react-workers/README.md b/use-react-workers/README.md
@@ -68,9 +68,14 @@ const MyCoolComponent = () => {
   };
 
   return (
-    <button type="button" onClick={handleClick}>
-      Run Fibonacci
-    </button>
+    <div className="flex gap-4">
+      <button type="button" onClick={handleClick}>
+        With Worker
+      </button>
+      <button type="button" onClick={handleClick}>
+        Without Worker
+      </button>
+    </div>
   );
 };
 ```
@@ -103,7 +108,7 @@ const MyCoolComponent = () => {
 
 ```tsx
 import React from 'react';
-import { useWorkerState } from 'use-react-workers';
+import { useWorker } from 'use-react-workers';
 
 // Long running function that we dont want blocked
 export const countByInput = (countBy: 1 | 2 | 5) => {
@@ -117,7 +122,7 @@ export const countByInput = (countBy: 1 | 2 | 5) => {
 const MyCoolComponent = () => {
   const timer = useWorker(countByInput); // Will not block the main thread
 
-  timer.onMessage({ data } => console.log(data));
+  timerWorker.onMessage(({ data }) => setCount(data));
 
   return (
     <div>