fix: trigger props resend when iframe src changes [LIBS-488]

dhis2 · Mar 30, 2023 · f4a6680 · f4a6680
1 parent 44b27c4
commit f4a6680
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/services/plugin/src/Plugin.tsx b/services/plugin/src/Plugin.tsx
@@ -47,10 +47,23 @@ export const Plugin = ({
 
     const [communicationReceived, setCommunicationReceived] =
         useState<boolean>(false)
+    const [prevCommunicationReceived, setPrevCommunicationReceived] =
+        useState<boolean>(false)
 
     const [inErrorState, setInErrorState] = useState<boolean>(false)
 
     useEffect(() => {
+        setCommunicationReceived(false)
+    }, [pluginSource])
+
+    useEffect(() => {
+        // if communicationReceived switches from false to true, the props have been sent
+        const prevCommunication = prevCommunicationReceived
+        setPrevCommunicationReceived(communicationReceived)
+        if (prevCommunication === false && communicationReceived === true) {
+            return
+        }
+
         if (iframeRef?.current) {
             const iframeProps = {
                 ...propsToPass,
@@ -91,6 +104,8 @@ export const Plugin = ({
                     })
             }
         }
+        // prevCommunicationReceived update should not retrigger this hook
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [propsToPass, communicationReceived, inErrorState, alertsAdd])
 
     if (data && !pluginEntryPoint) {