From ac007cfb3e47fdb9f88b049fcdc83c150010a5fa Mon Sep 17 00:00:00 2001
From: Arjun Porwal <65214523+ap211unitech@users.noreply.github.com>
Date: Wed, 4 Jun 2025 20:17:35 +0530
Subject: [PATCH] fix: move appsVersion initialization inside component
 (#11600)

---
 packages/apps/src/Menu/NodeInfo.tsx                   | 3 +--
 packages/page-settings/src/Metadata/SystemVersion.tsx | 3 +--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/apps/src/Menu/NodeInfo.tsx b/packages/apps/src/Menu/NodeInfo.tsx
index b2d96ca8dc..b42643de45 100644
--- a/packages/apps/src/Menu/NodeInfo.tsx
+++ b/packages/apps/src/Menu/NodeInfo.tsx
@@ -10,10 +10,9 @@ import { styled } from '@polkadot/react-components';
 import { useApi } from '@polkadot/react-hooks';
 import { NodeName, NodeVersion } from '@polkadot/react-query';
 
-const appsVersion = getPackageVersion();
-
 function NodeInfo ({ className = '' }: Props): React.ReactElement<Props> {
   const { api, isApiReady } = useApi();
+  const appsVersion = getPackageVersion();
 
   return (
     <StyledDiv className={`${className} media--1400 highlight--color-contrast ui--NodeInfo`}>
diff --git a/packages/page-settings/src/Metadata/SystemVersion.tsx b/packages/page-settings/src/Metadata/SystemVersion.tsx
index 6554c5f75b..1f014bbb5e 100644
--- a/packages/page-settings/src/Metadata/SystemVersion.tsx
+++ b/packages/page-settings/src/Metadata/SystemVersion.tsx
@@ -11,10 +11,9 @@ import { useApi } from '@polkadot/react-hooks';
 
 import { useTranslation } from '../translate.js';
 
-const appsVersion = getPackageVersion();
-
 function SystemVersion ({ className }: Props): React.ReactElement<Props> {
   const { t } = useTranslation();
+  const appsVersion = getPackageVersion();
   const { api, isApiReady, systemName, systemVersion } = useApi();
 
   const headerRef = useRef<[React.ReactNode?, string?, number?][]>([