format and clean text classification worker and component

public/workers/text-classification.js

@@ -6,11 +6,11 @@ class MyTextClassificationPipeline {
   static instance = null
 
   static async getInstance(model, dtype = 'fp32', progress_callback = null) {
-    this.instance = pipeline(
-      this.task,
-      model,
-      { dtype, device: "webgpu", progress_callback },
-    )
+    this.instance = pipeline(this.task, model, {
+      dtype,
+      device: 'webgpu',
+      progress_callback
+    })
     return this.instance
   }
 }

src/components/TextClassification.tsx

@@ -1,12 +1,9 @@
-import { useState, useRef, useEffect, useCallback } from 'react'
+import { useState, useCallback } from 'react'
 import {
-  ClassificationOutput,
   TextClassificationWorkerInput,
-  WorkerMessage
 } from '../types'
 import { useModel } from '../contexts/ModelContext'
-import { getWorker } from '../lib/workerManager'
-
+import { set } from 'lodash'
 const PLACEHOLDER_TEXTS: string[] = [
   'I absolutely love this product! It exceeded all my expectations.',
   "This is the worst purchase I've ever made. Complete waste of money.",
@@ -22,7 +19,7 @@ const PLACEHOLDER_TEXTS: string[] = [
 
 function TextClassification() {
   const [text, setText] = useState<string>(PLACEHOLDER_TEXTS.join('\n'))
-  const { activeWorker, status, setStatus, modelInfo, results, setResults, hasBeenLoaded} = useModel()
+  const { activeWorker, status, modelInfo, results, setResults, hasBeenLoaded} = useModel()
 
   const classify = useCallback(() => {
     if (!modelInfo || !activeWorker) {
@@ -36,7 +33,7 @@ function TextClassification() {
       model: modelInfo.id
     }
     activeWorker.postMessage(message)
-  }, [text, modelInfo, setStatus, activeWorker])
+  }, [text, modelInfo, activeWorker, set])
 
   const busy: boolean = status !== 'ready'