JANコードからISBNを読み取れるようにする

[Kosei805]

• モーダルでカメラを映す
• モーダルでは、カメラのコンポーネント、最後に読み込んだ値を表示するコンポーネント、決定ボタンの3つを用意する
• 決定ボタンでformatterを使ってactionを呼び出し、loaderを動かして検索する

[Kosei805]

https://www.npmjs.com/package/react-qr-barcode-scanner

このコンポーネントを使おうとしたところ、

'BarcodeScannerComponent' cannot be used as a JSX component.
  Its type '({ onUpdate, onError, width, height, facingMode, torch, delay, videoConstraints, stopStream, }: { onUpdate: (arg0: unknown, arg1?: Result | undefined) => void; onError?: ((arg0: string | DOMException) => void) | undefined; width?: string | number | undefined; ... 5 more ...; stopStream?: boolean | undefined; }) => R...' is not a valid JSX element type.
    Type '({ onUpdate, onError, width, height, facingMode, torch, delay, videoConstraints, stopStream, }: { onUpdate: (arg0: unknown, arg1?: Result | undefined) => void; onError?: ((arg0: string | DOMException) => void) | undefined; width?: string | number | undefined; ... 5 more ...; stopStream?: boolean | undefined; }) => R...' is not assignable to type '(props: any) => ReactNode'.
      Type 'ReactElement<any, string | JSXElementConstructor<any>>' is not assignable to type 'ReactNode'.
        Property 'children' is missing in type 'ReactElement<any, string | JSXElementConstructor<any>>' but required in type 'ReactPortal'.

こんな感じのエラーが出てきた

[Kosei805]

一回別のissueをやることにします