diff --git a/types/react-qr-reader/index.d.ts b/types/react-qr-reader/index.d.ts
index 908960f25c..aa92edeb1c 100644
--- a/types/react-qr-reader/index.d.ts
+++ b/types/react-qr-reader/index.d.ts
@@ -24,6 +24,8 @@ declare namespace QrReader {
 
 export as namespace QrReader;
 
-declare class QrReader extends React.Component<QrReader.props> {}
+declare class QrReader extends React.Component<QrReader.props> {
+    openImageDialog: () => void;
+}
 
 export = QrReader;
diff --git a/types/react-qr-reader/react-qr-reader-tests.tsx b/types/react-qr-reader/react-qr-reader-tests.tsx
index 0a6796bfd9..bee5a19ad2 100644
--- a/types/react-qr-reader/react-qr-reader-tests.tsx
+++ b/types/react-qr-reader/react-qr-reader-tests.tsx
@@ -12,3 +12,29 @@ export class Test extends React.Component {
         );
     }
 }
+
+const test: React.FC = () => {
+    const qrRef = React.useRef<QrReader>(null);
+
+    const handleScan = (data: string | null) => {
+    };
+
+    const handleError = (err: any) => {
+    };
+
+    qrRef.current!.openImageDialog();
+
+    return <>
+        <div>
+            <QrReader
+                ref={qrRef}
+                delay={300}
+                facingMode={"environment"}
+                showViewFinder={false}
+                onError={handleError}
+                onScan={handleScan}
+                style={{ width: '90%', height: '90%' }}
+            />
+        </div>
+    </>;
+};