import { useQrEncode, useQrDecode } from 'react-qr-hooks';

import React from 'react';
import { useQrEncode, useQrDecode } from 'react-qr-hooks';
 
const App = () => {
  const encoded = useQrEncode('Hello world!', /* object with options (if needed) */);
 
  const decoded = useQrDecode(encoded, /* object with options (if needed) */);
 
  return (
    <>
      <img src={encoded} alt="My QR code" />
      <p>{decoded}</p>
    </>
  );
}
 
export default App;