store SSG flag in state variable (#3352)

* store ssg flag in state variable

* fix infinite rendering loop

Author: artursapek

wormhole-connect/src/AppRouter.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useContext, useEffect } from 'react';
+import React, { useCallback, useContext, useEffect, useRef } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { makeStyles } from 'tss-react/mui';
 
@@ -42,14 +42,14 @@ interface Props {
   config?: WormholeConnectConfig;
 }
 
-let _HAS_SET_CONFIG_SSG = false;
-
 // since this will be embedded, we'll have to use pseudo routes instead of relying on the url
 function AppRouter(props: Props) {
   const { classes } = useStyles();
   const dispatch = useDispatch();
   const routeContext = useContext(RouteContext);
 
+  const hasSetSsgConfig = useRef(false);
+
   // We update the global config once when WormholeConnect is first mounted, if a custom
   // config was provided.
   //
@@ -58,7 +58,6 @@ function AppRouter(props: Props) {
   const loadConfig = useCallback((customConfig: WormholeConnectConfig) => {
     if (!isEmptyObject(customConfig)) {
       setConfig(customConfig);
-      dispatch(clearTransfer());
     }
 
     config.triggerEvent({
@@ -67,12 +66,12 @@ function AppRouter(props: Props) {
     });
   }, []);
 
-  if (!_HAS_SET_CONFIG_SSG) {
+  if (!hasSetSsgConfig.current) {
     // This runs once in SSG step (server-side pre-rendering)
     if (props.config) {
       loadConfig(props.config);
     }
-    _HAS_SET_CONFIG_SSG = true;
+    hasSetSsgConfig.current = true;
   }
 
   useEffect(() => {