import { useCallback, useMemo, useRef } from 'react'
import { Code, CodeScanner, CodeScannerFrame } from '../CodeScanner'

export function useCodeScanner(codeScanner: CodeScanner): CodeScanner {
  const { onCodeScanned, ...codeScannerOptions } = codeScanner

  // Memoize the  function once and use a ref on any identity changes
  const ref = useRef(onCodeScanned)
  ref.current = onCodeScanned
  const callback = useCallback((codes: Code[], frame: CodeScannerFrame) => {
    ref.current(codes, frame)
  }, [])

  // CodeScanner needs to be memoized so it doesn't trigger a Camera Session re-build
  return useMemo(
    () => ({
      ...codeScannerOptions,
      onCodeScanned: callback,
    }),
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [JSON.stringify(codeScannerOptions), callback],
  )
}
