Camera does not capture QR on iOS about react-qr-reader

[gregg-cbs]

The docs are wrong with the result.text. I also have no idea why they default the camera to the selfie camera, that makes no sense, the below fixes that too.

You can copy and paste this for a good working start:

<QrReader
  constraints={{
    aspectRatio: "1",
    facingMode: "environment"
  }}
  scanDelay={250}
  onResult={(result, error) => {
    if (!!result) {
      console.log(result.getText())
    }
  }}
  ViewFinder={() => (
    <div
      style={{
        position: "absolute",
        top: "0",
        left: "0",
        right: "0",
        bottom: "0",
        zIndex: 10
      }}
    >overlay</div>
  )}
  videoContainerStyle={{}}
  videoStyle={{}}
/>

[Patrick-Sherlund]

@mahtoid What iOS version are you using? Do you have the version numbers of each browser, etc?

I'm currently using iOS 16.1.1 on the latest version of Chrome / Safari and have no issues. Here's my QrReader component:

const [scanResult, setScanResult] = useState(null);

<QrReader
          onResult={(result) => {
            setScanResult((oldState) => {
              if (oldState?.getText() !== result?.getText()) {
                return result;
              }
            });
          }}
          scanDelay={250}
          constraints={{
            facingMode: 'environment',
            width: { max: 2000, min: 480 },
          }}
        />

[Tjerk-Haaye-Henricus]

Same here

[mosqueradvd]

Same here. Any updates?

[sebitas]

same

[di3upham]

same. any updates?