Fix qrCode refresh causing app freeze

G-Ray · Sep 20, 2023 · 516b8cb · 516b8cb
1 parent fab46c0
commit 516b8cb
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/apps/app/app/settings/Nodes.tsx b/apps/app/app/settings/Nodes.tsx
@@ -156,19 +156,20 @@ const LocalNodeQrcode = () => {
   const toast = useToastController()
   const localNode = useLocalNode()
 
+  const [qrCodeXML, setQrCodeXML] = useState(null)
   const linkURL = localNode?.settings?.nodeId
     ? `${APP_URL}/settings?nodeId=${
         localNode?.settings?.nodeId
       }&name=${getDeviceName()}`
     : null
 
-  const [qrCodeXML, setQrCodeXML] = useState(null)
-
-  if (linkURL) {
-    QRCodeGenerator.toString(encodeURI(linkURL), { type: 'svg' }).then(
-      setQrCodeXML
-    )
-  }
+  useEffect(() => {
+    if (linkURL) {
+      QRCodeGenerator.toString(encodeURI(linkURL), { type: 'svg' }).then(
+        setQrCodeXML
+      )
+    }
+  }, [linkURL])
 
   if (!qrCodeXML) {
     return null