BarcodeReader.jsx

const BarcodeReader = ({ onScan }) => {
  const [str, setStr] = useState('')

  function handleReceive(scanData) {
    const key = scanData.key

    // if it's enter key then perform onScan
    if (key === 'Enter' && onScan) {
      onScan(str)
      setStr('')
    } else {
      setStr(str + key)
    }
  }

  return (
    <ReactBarcodeReader
      minLength={0}
      preventDefault
      stopPropagation
      onReceive={handleReceive}
    />
  )
}