const {
        data: { text },
    } = await worker.recognize(imageUrl)
    setRecognizedText(text)

    await worker.terminate()
}

const handleCapture = () => {
    if (inputRefOCR.current.files && inputRefOCR.current.files.length > 0) {
        const file = inputRefOCR.current.files[0]
        const reader = new FileReader()
        reader.onload = e => {
            setImageData(e.target.result)
            recognizeText(e.target.result)
        }
        reader.readAsDataURL(file)
    }
}

const recognizeText = async (imageUrl: string) => {
    const worker = await Tesseract.createWorker( {
        workerPath: "/tessdata/tesseract.js/dist/worker.min.js",
        corePath: "/tessdata/tesseract.js-core",
        langPath: "/tessdata/tesseract-lang",
        logger: m => console.log(m),
    })


    const {
        data: { text },
    } = await worker.recognize(imageUrl)
    setRecognizedText(text)

    await worker.terminate()
}