react-qr-reader
reactでqrコードを読み込む
react-qr-readerを利用
Next.jsで扱うためには、dynamicリンクが必要
code: jsx
import dynamic from 'next/dynamic'
const QrReader = dynamic(() => import('react-qr-reader'), {
ssr: false,
})
const Qr = () => {
const handleError = () => {}
const handleScan = () => {}
return <QrReader delay={1000} onError={handleError} onScan={handleScan} style={{ width: '100%' }} />
}
export default Qr
参考