From f5255335de9fdfa591f5050a075a9c3bb64d595f Mon Sep 17 00:00:00 2001
From: Sacha Weatherstone <sachaw100@hotmail.com>
Date: Thu, 22 Sep 2022 23:33:48 +1000
Subject: [PATCH] Fix ability to dismiss QR dialog

---
 src/components/Dialog/QRDialog.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Dialog/QRDialog.tsx b/src/components/Dialog/QRDialog.tsx
index d5003a47..9dde4442 100644
--- a/src/components/Dialog/QRDialog.tsx
+++ b/src/components/Dialog/QRDialog.tsx
@@ -1,5 +1,5 @@
 import type React from "react";
-import { Fragment, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 
 import { fromByteArray } from "base64-js";
 import { QRCode } from "react-qrcode-logo";
@@ -51,7 +51,7 @@ export const QRDialog = ({
     <Dialog open={isOpen} onClose={close}>
       <div className="fixed inset-0 bg-black/30" aria-hidden="true" />
       <div className="fixed inset-0 flex items-center justify-center p-4">
-        <Dialog.Panel as={Fragment}>
+        <Dialog.Panel>
           <Card className="max-w-md flex-col">
             <div className="flex h-8 bg-slate-100">
               <span className="m-auto text-lg font-medium">