Merge pull request #896 from multiversx/development

2.19.4

CHANGELOG.md

@@ -4,9 +4,9 @@ All notable changes will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
-
 ## [Unreleased]
-
+## [[v2.19.4]](https://github.com/multiversx/mx-sdk-dapp/pull/896)] - 2023-08-28
+- [Memoize dappConfig in order to not trigger initializeApp on every DappProvider rerender](https://github.com/multiversx/mx-sdk-dapp/pull/894)
 ## [[v2.19.3]](https://github.com/multiversx/mx-sdk-dapp/pull/890)] - 2023-08-21
 - [Added `DataTestIdsEnum` to `data-testid` HTML tags](https://github.com/multiversx/mx-sdk-dapp/pull/889)
 - [Added `addOriginToLocationPath` helper to parse redirect URLs](https://github.com/multiversx/mx-sdk-dapp/pull/888)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiversx/sdk-dapp",
-  "version": "2.19.4-alpha",
+  "version": "2.19.4",
   "description": "A library to hold the main logic for a dapp on the MultiversX blockchain",
   "author": "MultiversX",
   "license": "GPL-3.0-or-later",

src/wrappers/AppInitializer.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { Address } from '@multiversx/sdk-core/out';
 import { getServerConfiguration } from 'apiCalls';
 import { fallbackNetworkConfigurations } from 'constants/network';
@@ -35,7 +35,10 @@ export const useAppInitializer = ({
   const [initialized, setInitialized] = useState(false);
   const account = useGetAccountInfo();
   const isLoginSessionInvalid = useSelector(isLoginSessionInvalidSelector);
-  const logoutRoute = dappConfig?.logoutRoute;
+
+  // memoize dappConfig to avoid rerendering of AppInitializer
+  const memoizedDappConfig = useMemo(() => dappConfig, []);
+  const logoutRoute = memoizedDappConfig?.logoutRoute;
 
   const { address, publicKey } = account;
   const dispatch = useDispatch();
@@ -72,7 +75,7 @@ export const useAppInitializer = ({
   }
 
   async function initializeApp() {
-    dispatch(setDappConfig(dappConfig));
+    dispatch(setDappConfig(memoizedDappConfig));
     dispatch(setLogoutRoute(logoutRoute));
     await initializeNetwork();
 
@@ -90,7 +93,7 @@ export const useAppInitializer = ({
 
   useEffect(() => {
     initializeApp();
-  }, [customNetworkConfig, environment, dappConfig]);
+  }, [customNetworkConfig, environment, memoizedDappConfig]);
 
   useEffect(() => {
     if (account.address && isLoginSessionInvalid) {