react-zxing-scanner

Installation

1yarn add react-zxing-scanner

or

1npm i react-zxing-scanner

MacOS recommend

1bun add react-zxing-scanner

Usage

Here is a quick example

1import React from "react";
2import  ReactZxingScanner  from "react-zxing-scanner";
3import { Exception, Result } from "@zxing/library";
4
5export const App = () => {
6  return (
7    <>
8      <ReactZxingScanner 
9        onUpdate={(res: Result) => {
10            console.log('data', res.toString())
11        }}
12        onError={(err: Exception) => {
13            console.error('err', err.toString())
14        }}
15        
16      />
17    </>
18  );
19};