feat(sdd): prvent duplicate render of veriff modal

blockchain · Dec 20, 2020 · 9f13c9d · 9f13c9d
1 parent 890f924
commit 9f13c9d
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/...hain-wallet-v4-frontend/src/modals/Onboarding/KycVerification/Veriff/template.success.tsx b/...hain-wallet-v4-frontend/src/modals/Onboarding/KycVerification/Veriff/template.success.tsx
@@ -1,13 +1,17 @@
 import { createVeriffFrame } from '@veriff/incontext-sdk'
-import { useEffect } from 'react'
+import { useEffect, useState } from 'react'
 
 function Success ({ handleVeriffMessage, url }) {
+  const [isActive, setIsActive] = useState(false)
   useEffect(() => {
-    createVeriffFrame({
-      url,
-      onEvent: handleVeriffMessage
-    })
-  }, [])
+    if (!isActive) {
+      createVeriffFrame({
+        url,
+        onEvent: handleVeriffMessage
+      })
+      setIsActive(true)
+    }
+  }, [isActive])
 
   return null
 }