diff --git a/packages/jest-presets/package.json b/packages/jest-presets/package.json
index 64a511b3de5c..b8649b4caa0a 100644
--- a/packages/jest-presets/package.json
+++ b/packages/jest-presets/package.json
@@ -16,6 +16,7 @@
 		"@swc/core": "~1.7.26",
 		"@swc/jest": "~0.2.36",
 		"@testing-library/jest-dom": "~6.4.8",
+		"@testing-library/react": "~16.0.1",
 		"@types/jest-axe": "~3.5.9",
 		"identity-obj-proxy": "~3.0.0",
 		"jest-axe": "~9.0.0",
diff --git a/packages/jest-presets/src/client/jest-setup.ts b/packages/jest-presets/src/client/jest-setup.ts
index 87fe139acb29..bec26ced5b1e 100644
--- a/packages/jest-presets/src/client/jest-setup.ts
+++ b/packages/jest-presets/src/client/jest-setup.ts
@@ -1,5 +1,6 @@
 import { TextEncoder, TextDecoder } from 'node:util';
 
+import { configure } from '@testing-library/react';
 import { toHaveNoViolations } from 'jest-axe';
 import * as uuid from 'uuid';
 
@@ -7,6 +8,8 @@ import '@testing-library/jest-dom';
 
 expect.extend(toHaveNoViolations);
 
+configure({ reactStrictMode: true });
+
 const urlByBlob = new WeakMap<Blob, string>();
 const blobByUrl = new Map<string, Blob>();
 
diff --git a/packages/ui-client/src/components/UserAutoComplete/UserAutoComplete.tsx b/packages/ui-client/src/components/UserAutoComplete/UserAutoComplete.tsx
index 72a8eecec4d0..c23d993dfc5b 100644
--- a/packages/ui-client/src/components/UserAutoComplete/UserAutoComplete.tsx
+++ b/packages/ui-client/src/components/UserAutoComplete/UserAutoComplete.tsx
@@ -17,8 +17,7 @@ type UserAutoCompleteProps = Omit<ComponentProps<typeof AutoComplete>, 'filter'>
 	conditions?: { [key: string]: unknown };
 };
 
-const UserAutoComplete = ({ value, onChange, ...props }: UserAutoCompleteProps): ReactElement => {
-	const { conditions = {} } = props;
+const UserAutoComplete = ({ conditions = {}, value, onChange, ...props }: UserAutoCompleteProps): ReactElement => {
 	const [filter, setFilter] = useState('');
 	const debouncedFilter = useDebouncedValue(filter, 1000);
 	const usersAutoCompleteEndpoint = useEndpoint('GET', '/v1/users.autocomplete');
diff --git a/packages/ui-client/src/helpers/anchors.ts b/packages/ui-client/src/helpers/anchors.ts
index 6cbc6d454846..a428168df598 100644
--- a/packages/ui-client/src/helpers/anchors.ts
+++ b/packages/ui-client/src/helpers/anchors.ts
@@ -20,6 +20,9 @@ const setAnchorRefCount = (anchorElement: HTMLElement, refCount: number): void =
 
 export const refAnchorElement = (anchorElement: HTMLElement): void => {
 	setAnchorRefCount(anchorElement, getAnchorRefCount(anchorElement) + 1);
+	if (!anchorElement.parentElement) {
+		document.body.appendChild(anchorElement);
+	}
 };
 
 export const unrefAnchorElement = (anchorElement: HTMLElement): void => {
diff --git a/packages/ui-voip/src/components/VoipPopup/VoipPopup.spec.tsx b/packages/ui-voip/src/components/VoipPopup/VoipPopup.spec.tsx
index 715acb8f7cc2..8a75a36e3d25 100644
--- a/packages/ui-voip/src/components/VoipPopup/VoipPopup.spec.tsx
+++ b/packages/ui-voip/src/components/VoipPopup/VoipPopup.spec.tsx
@@ -21,14 +21,18 @@ const mockedUseVoipSession = jest.mocked(useVoipSession);
 const appRoot = mockAppRoot();
 
 it('should properly render incoming popup', async () => {
-	mockedUseVoipSession.mockImplementationOnce(() => createMockVoipSession({ type: 'INCOMING' }));
+	mockedUseVoipSession
+		.mockImplementationOnce(() => createMockVoipSession({ type: 'INCOMING' }))
+		.mockImplementationOnce(() => createMockVoipSession({ type: 'INCOMING' }));
 	render(<VoipPopup />, { wrapper: appRoot.build() });
 
 	expect(screen.getByTestId('vc-popup-incoming')).toBeInTheDocument();
 });
 
 it('should properly render ongoing popup', async () => {
-	mockedUseVoipSession.mockImplementationOnce(() => createMockVoipSession({ type: 'ONGOING' }));
+	mockedUseVoipSession
+		.mockImplementationOnce(() => createMockVoipSession({ type: 'ONGOING' }))
+		.mockImplementationOnce(() => createMockVoipSession({ type: 'ONGOING' }));
 
 	render(<VoipPopup />, { wrapper: appRoot.build() });
 
@@ -36,7 +40,9 @@ it('should properly render ongoing popup', async () => {
 });
 
 it('should properly render outgoing popup', async () => {
-	mockedUseVoipSession.mockImplementationOnce(() => createMockVoipSession({ type: 'OUTGOING' }));
+	mockedUseVoipSession
+		.mockImplementationOnce(() => createMockVoipSession({ type: 'OUTGOING' }))
+		.mockImplementationOnce(() => createMockVoipSession({ type: 'OUTGOING' }));
 
 	render(<VoipPopup />, { wrapper: appRoot.build() });
 
@@ -44,7 +50,9 @@ it('should properly render outgoing popup', async () => {
 });
 
 it('should properly render error popup', async () => {
-	mockedUseVoipSession.mockImplementationOnce(() => createMockVoipSession({ type: 'ERROR' }));
+	mockedUseVoipSession
+		.mockImplementationOnce(() => createMockVoipSession({ type: 'ERROR' }))
+		.mockImplementationOnce(() => createMockVoipSession({ type: 'ERROR' }));
 
 	render(<VoipPopup />, { wrapper: appRoot.build() });
 
@@ -58,7 +66,9 @@ it('should properly render dialer popup', async () => {
 });
 
 it('should prioritize session over dialer', async () => {
-	mockedUseVoipSession.mockImplementationOnce(() => createMockVoipSession({ type: 'INCOMING' }));
+	mockedUseVoipSession
+		.mockImplementationOnce(() => createMockVoipSession({ type: 'INCOMING' }))
+		.mockImplementationOnce(() => createMockVoipSession({ type: 'INCOMING' }));
 
 	render(<VoipPopup />, { wrapper: appRoot.build() });
 
diff --git a/packages/ui-voip/src/components/VoipPopup/__snapshots__/VoipPopup.spec.tsx.snap b/packages/ui-voip/src/components/VoipPopup/__snapshots__/VoipPopup.spec.tsx.snap
index 8c8df4a661ec..b9dfc64de6dd 100644
--- a/packages/ui-voip/src/components/VoipPopup/__snapshots__/VoipPopup.spec.tsx.snap
+++ b/packages/ui-voip/src/components/VoipPopup/__snapshots__/VoipPopup.spec.tsx.snap
@@ -82,7 +82,7 @@ exports[`renders ErrorCall without crashing 1`] = `
             class="rcx-box rcx-box--full rcx-css-dqa7fo rcx-css-keglju"
           >
             <button
-              aria-describedby="react-aria-description-1"
+              aria-describedby="react-aria-description-3"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-1"
               type="button"
@@ -102,7 +102,7 @@ exports[`renders ErrorCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-1"
+              aria-describedby="react-aria-description-3"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-2"
               type="button"
@@ -124,7 +124,7 @@ exports[`renders ErrorCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-1"
+              aria-describedby="react-aria-description-3"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-3"
               type="button"
@@ -146,7 +146,7 @@ exports[`renders ErrorCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-1"
+              aria-describedby="react-aria-description-3"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-4"
               type="button"
@@ -168,7 +168,7 @@ exports[`renders ErrorCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-1"
+              aria-describedby="react-aria-description-3"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-5"
               type="button"
@@ -190,7 +190,7 @@ exports[`renders ErrorCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-1"
+              aria-describedby="react-aria-description-3"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-6"
               type="button"
@@ -212,7 +212,7 @@ exports[`renders ErrorCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-1"
+              aria-describedby="react-aria-description-3"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-7"
               type="button"
@@ -234,7 +234,7 @@ exports[`renders ErrorCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-1"
+              aria-describedby="react-aria-description-3"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-8"
               type="button"
@@ -256,7 +256,7 @@ exports[`renders ErrorCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-1"
+              aria-describedby="react-aria-description-3"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-9"
               type="button"
@@ -278,7 +278,7 @@ exports[`renders ErrorCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-1"
+              aria-describedby="react-aria-description-3"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-*"
               type="button"
@@ -298,7 +298,7 @@ exports[`renders ErrorCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-1"
+              aria-describedby="react-aria-description-3"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-0"
               type="button"
@@ -320,7 +320,7 @@ exports[`renders ErrorCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-1"
+              aria-describedby="react-aria-description-3"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-#"
               type="button"
@@ -393,7 +393,7 @@ exports[`renders ErrorCall without crashing 1`] = `
     />
   </div>
   <div
-    id="react-aria-description-1"
+    id="react-aria-description-3"
     style="display: none;"
   >
     Long_press_to_do_x
@@ -483,7 +483,7 @@ exports[`renders IncomingCall without crashing 1`] = `
             class="rcx-box rcx-box--full rcx-css-dqa7fo rcx-css-keglju"
           >
             <button
-              aria-describedby="react-aria-description-2"
+              aria-describedby="react-aria-description-5"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-1"
               type="button"
@@ -503,7 +503,7 @@ exports[`renders IncomingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-2"
+              aria-describedby="react-aria-description-5"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-2"
               type="button"
@@ -525,7 +525,7 @@ exports[`renders IncomingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-2"
+              aria-describedby="react-aria-description-5"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-3"
               type="button"
@@ -547,7 +547,7 @@ exports[`renders IncomingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-2"
+              aria-describedby="react-aria-description-5"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-4"
               type="button"
@@ -569,7 +569,7 @@ exports[`renders IncomingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-2"
+              aria-describedby="react-aria-description-5"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-5"
               type="button"
@@ -591,7 +591,7 @@ exports[`renders IncomingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-2"
+              aria-describedby="react-aria-description-5"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-6"
               type="button"
@@ -613,7 +613,7 @@ exports[`renders IncomingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-2"
+              aria-describedby="react-aria-description-5"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-7"
               type="button"
@@ -635,7 +635,7 @@ exports[`renders IncomingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-2"
+              aria-describedby="react-aria-description-5"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-8"
               type="button"
@@ -657,7 +657,7 @@ exports[`renders IncomingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-2"
+              aria-describedby="react-aria-description-5"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-9"
               type="button"
@@ -679,7 +679,7 @@ exports[`renders IncomingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-2"
+              aria-describedby="react-aria-description-5"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-*"
               type="button"
@@ -699,7 +699,7 @@ exports[`renders IncomingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-2"
+              aria-describedby="react-aria-description-5"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-0"
               type="button"
@@ -721,7 +721,7 @@ exports[`renders IncomingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-2"
+              aria-describedby="react-aria-description-5"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-#"
               type="button"
@@ -794,7 +794,7 @@ exports[`renders IncomingCall without crashing 1`] = `
     />
   </div>
   <div
-    id="react-aria-description-2"
+    id="react-aria-description-5"
     style="display: none;"
   >
     Long_press_to_do_x
@@ -884,7 +884,7 @@ exports[`renders OngoingCall without crashing 1`] = `
             class="rcx-box rcx-box--full rcx-css-dqa7fo rcx-css-keglju"
           >
             <button
-              aria-describedby="react-aria-description-3"
+              aria-describedby="react-aria-description-7"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-1"
               type="button"
@@ -904,7 +904,7 @@ exports[`renders OngoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-3"
+              aria-describedby="react-aria-description-7"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-2"
               type="button"
@@ -926,7 +926,7 @@ exports[`renders OngoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-3"
+              aria-describedby="react-aria-description-7"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-3"
               type="button"
@@ -948,7 +948,7 @@ exports[`renders OngoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-3"
+              aria-describedby="react-aria-description-7"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-4"
               type="button"
@@ -970,7 +970,7 @@ exports[`renders OngoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-3"
+              aria-describedby="react-aria-description-7"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-5"
               type="button"
@@ -992,7 +992,7 @@ exports[`renders OngoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-3"
+              aria-describedby="react-aria-description-7"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-6"
               type="button"
@@ -1014,7 +1014,7 @@ exports[`renders OngoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-3"
+              aria-describedby="react-aria-description-7"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-7"
               type="button"
@@ -1036,7 +1036,7 @@ exports[`renders OngoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-3"
+              aria-describedby="react-aria-description-7"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-8"
               type="button"
@@ -1058,7 +1058,7 @@ exports[`renders OngoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-3"
+              aria-describedby="react-aria-description-7"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-9"
               type="button"
@@ -1080,7 +1080,7 @@ exports[`renders OngoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-3"
+              aria-describedby="react-aria-description-7"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-*"
               type="button"
@@ -1100,7 +1100,7 @@ exports[`renders OngoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-3"
+              aria-describedby="react-aria-description-7"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-0"
               type="button"
@@ -1122,7 +1122,7 @@ exports[`renders OngoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-3"
+              aria-describedby="react-aria-description-7"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-#"
               type="button"
@@ -1195,7 +1195,7 @@ exports[`renders OngoingCall without crashing 1`] = `
     />
   </div>
   <div
-    id="react-aria-description-3"
+    id="react-aria-description-7"
     style="display: none;"
   >
     Long_press_to_do_x
@@ -1285,7 +1285,7 @@ exports[`renders OutgoingCall without crashing 1`] = `
             class="rcx-box rcx-box--full rcx-css-dqa7fo rcx-css-keglju"
           >
             <button
-              aria-describedby="react-aria-description-4"
+              aria-describedby="react-aria-description-9"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-1"
               type="button"
@@ -1305,7 +1305,7 @@ exports[`renders OutgoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-4"
+              aria-describedby="react-aria-description-9"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-2"
               type="button"
@@ -1327,7 +1327,7 @@ exports[`renders OutgoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-4"
+              aria-describedby="react-aria-description-9"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-3"
               type="button"
@@ -1349,7 +1349,7 @@ exports[`renders OutgoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-4"
+              aria-describedby="react-aria-description-9"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-4"
               type="button"
@@ -1371,7 +1371,7 @@ exports[`renders OutgoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-4"
+              aria-describedby="react-aria-description-9"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-5"
               type="button"
@@ -1393,7 +1393,7 @@ exports[`renders OutgoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-4"
+              aria-describedby="react-aria-description-9"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-6"
               type="button"
@@ -1415,7 +1415,7 @@ exports[`renders OutgoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-4"
+              aria-describedby="react-aria-description-9"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-7"
               type="button"
@@ -1437,7 +1437,7 @@ exports[`renders OutgoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-4"
+              aria-describedby="react-aria-description-9"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-8"
               type="button"
@@ -1459,7 +1459,7 @@ exports[`renders OutgoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-4"
+              aria-describedby="react-aria-description-9"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-9"
               type="button"
@@ -1481,7 +1481,7 @@ exports[`renders OutgoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-4"
+              aria-describedby="react-aria-description-9"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-*"
               type="button"
@@ -1501,7 +1501,7 @@ exports[`renders OutgoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-4"
+              aria-describedby="react-aria-description-9"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-0"
               type="button"
@@ -1523,7 +1523,7 @@ exports[`renders OutgoingCall without crashing 1`] = `
               </span>
             </button>
             <button
-              aria-describedby="react-aria-description-4"
+              aria-describedby="react-aria-description-9"
               class="rcx-box rcx-box--full rcx-button rcx-css-w0xx3d"
               data-testid="dial-pad-button-#"
               type="button"
@@ -1596,7 +1596,7 @@ exports[`renders OutgoingCall without crashing 1`] = `
     />
   </div>
   <div
-    id="react-aria-description-4"
+    id="react-aria-description-9"
     style="display: none;"
   >
     Long_press_to_do_x
diff --git a/packages/ui-voip/src/components/VoipTransferModal/VoipTransferModal.spec.tsx b/packages/ui-voip/src/components/VoipTransferModal/VoipTransferModal.spec.tsx
index e342b7c860f5..4aeeda40a400 100644
--- a/packages/ui-voip/src/components/VoipTransferModal/VoipTransferModal.spec.tsx
+++ b/packages/ui-voip/src/components/VoipTransferModal/VoipTransferModal.spec.tsx
@@ -2,7 +2,7 @@ import { mockAppRoot } from '@rocket.chat/mock-providers';
 import { act, render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
-import VoipTransferModal from '.';
+import VoipTransferModal from './VoipTransferModal';
 
 it('should be able to select transfer target', async () => {
 	const confirmFn = jest.fn();
diff --git a/packages/ui-voip/src/hooks/useVoipEffect.tsx b/packages/ui-voip/src/hooks/useVoipEffect.tsx
index e412959ff923..b7c67672fc92 100644
--- a/packages/ui-voip/src/hooks/useVoipEffect.tsx
+++ b/packages/ui-voip/src/hooks/useVoipEffect.tsx
@@ -1,4 +1,4 @@
-import { useContext, useMemo, useRef } from 'react';
+import { useCallback, useContext, useRef } from 'react';
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
 
 import { VoipContext } from '../contexts/VoipContext';
@@ -6,25 +6,23 @@ import type VoIPClient from '../lib/VoipClient';
 
 export const useVoipEffect = <T,>(transform: (voipClient: VoIPClient) => T, initialValue: T) => {
 	const { voipClient } = useContext(VoipContext);
-	const initValue = useRef<T>(initialValue);
+	const stateRef = useRef<T>(initialValue);
 	const transformFn = useRef(transform);
 
-	const [subscribe, getSnapshot] = useMemo(() => {
-		let state: T = initValue.current;
+	const getSnapshot = useCallback(() => stateRef.current, []);
 
-		const getSnapshot = (): T => state;
-		const subscribe = (cb: () => void) => {
+	const subscribe = useCallback(
+		(cb: () => void) => {
 			if (!voipClient) return () => undefined;
 
-			state = transformFn.current(voipClient);
+			stateRef.current = transformFn.current(voipClient);
 			return voipClient.on('stateChanged', (): void => {
-				state = transformFn.current(voipClient);
+				stateRef.current = transformFn.current(voipClient);
 				cb();
 			});
-		};
-
-		return [subscribe, getSnapshot];
-	}, [voipClient]);
+		},
+		[voipClient],
+	);
 
 	return useSyncExternalStore(subscribe, getSnapshot);
 };
diff --git a/yarn.lock b/yarn.lock
index 819cb7da6387..38066abe6ef0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -975,7 +975,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.21.4, @babel/code-frame@npm:^7.22.13, @babel/code-frame@npm:^7.25.7":
+"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.21.4, @babel/code-frame@npm:^7.22.13":
+  version: 7.24.7
+  resolution: "@babel/code-frame@npm:7.24.7"
+  dependencies:
+    "@babel/highlight": "npm:^7.24.7"
+    picocolors: "npm:^1.0.0"
+  checksum: 10/4812e94885ba7e3213d49583a155fdffb05292330f0a9b2c41b49288da70cf3c746a3fda0bf1074041a6d741c33f8d7be24be5e96f41ef77395eeddc5c9ff624
+  languageName: node
+  linkType: hard
+
+"@babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.25.7":
   version: 7.25.7
   resolution: "@babel/code-frame@npm:7.25.7"
   dependencies:
@@ -1338,6 +1348,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-validator-identifier@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/helper-validator-identifier@npm:7.24.7"
+  checksum: 10/86875063f57361471b531dbc2ea10bbf5406e12b06d249b03827d361db4cad2388c6f00936bcd9dc86479f7e2c69ea21412c2228d4b3672588b754b70a449d4b
+  languageName: node
+  linkType: hard
+
 "@babel/helper-validator-option@npm:^7.21.0, @babel/helper-validator-option@npm:^7.22.15, @babel/helper-validator-option@npm:^7.25.7":
   version: 7.25.7
   resolution: "@babel/helper-validator-option@npm:7.25.7"
@@ -1378,6 +1395,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/highlight@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/highlight@npm:7.24.7"
+  dependencies:
+    "@babel/helper-validator-identifier": "npm:^7.24.7"
+    chalk: "npm:^2.4.2"
+    js-tokens: "npm:^4.0.0"
+    picocolors: "npm:^1.0.0"
+  checksum: 10/69b73f38cdd4f881b09b939a711e76646da34f4834f4ce141d7a49a6bb1926eab1c594148970a8aa9360398dff800f63aade4e81fafdd7c8d8a8489ea93bfec1
+  languageName: node
+  linkType: hard
+
 "@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.21.8, @babel/parser@npm:^7.22.16, @babel/parser@npm:^7.25.7, @babel/parser@npm:^7.25.8, @babel/parser@npm:^7.4.3":
   version: 7.25.8
   resolution: "@babel/parser@npm:7.25.8"
@@ -8352,6 +8381,7 @@ __metadata:
     "@swc/core": "npm:~1.7.26"
     "@swc/jest": "npm:~0.2.36"
     "@testing-library/jest-dom": "npm:~6.4.8"
+    "@testing-library/react": "npm:~16.0.1"
     "@types/identity-obj-proxy": "npm:^3.0.2"
     "@types/jest": "npm:~29.5.13"
     "@types/jest-axe": "npm:~3.5.9"
@@ -11782,7 +11812,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/eslint@npm:~8.44.9":
+"@types/eslint-scope@npm:^3.7.3":
+  version: 3.7.4
+  resolution: "@types/eslint-scope@npm:3.7.4"
+  dependencies:
+    "@types/eslint": "npm:*"
+    "@types/estree": "npm:*"
+  checksum: 10/ea6a9363e92f301cd3888194469f9ec9d0021fe0a397a97a6dd689e7545c75de0bd2153dfb13d3ab532853a278b6572c6f678ce846980669e41029d205653460
+  languageName: node
+  linkType: hard
+
+"@types/eslint@npm:*, @types/eslint@npm:~8.44.9":
   version: 8.44.9
   resolution: "@types/eslint@npm:8.44.9"
   dependencies:
@@ -12665,7 +12705,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/semver@npm:^7.3.10, @types/semver@npm:^7.3.12, @types/semver@npm:^7.3.4, @types/semver@npm:^7.5.0":
+"@types/semver@npm:^7.3.10, @types/semver@npm:^7.3.12, @types/semver@npm:^7.5.0":
+  version: 7.5.4
+  resolution: "@types/semver@npm:7.5.4"
+  checksum: 10/e99c3edc8d64f56abcd891b9e44a45c4ae3cab551c8af5aa67b5df2b49e5fd03f74aac9da71fd5357a50a08d5deb95014516956b15b407052e07f25c7a4a606e
+  languageName: node
+  linkType: hard
+
+"@types/semver@npm:^7.3.4":
   version: 7.5.8
   resolution: "@types/semver@npm:7.5.8"
   checksum: 10/3496808818ddb36deabfe4974fd343a78101fa242c4690044ccdc3b95dcf8785b494f5d628f2f47f38a702f8db9c53c67f47d7818f2be1b79f2efb09692e1178
@@ -13365,6 +13412,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@webassemblyjs/ast@npm:1.11.6, @webassemblyjs/ast@npm:^1.11.5":
+  version: 1.11.6
+  resolution: "@webassemblyjs/ast@npm:1.11.6"
+  dependencies:
+    "@webassemblyjs/helper-numbers": "npm:1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode": "npm:1.11.6"
+  checksum: 10/4c1303971ccd5188731c9b01073d9738333f37b946a48c4e049f7b788706cdc66f473cd6f3e791423a94c52a3b2230d070007930d29bccbce238b23835839f3c
+  languageName: node
+  linkType: hard
+
 "@webassemblyjs/ast@npm:1.12.1, @webassemblyjs/ast@npm:^1.12.1":
   version: 1.12.1
   resolution: "@webassemblyjs/ast@npm:1.12.1"
@@ -13389,6 +13446,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@webassemblyjs/helper-buffer@npm:1.11.6":
+  version: 1.11.6
+  resolution: "@webassemblyjs/helper-buffer@npm:1.11.6"
+  checksum: 10/b14d0573bf680d22b2522e8a341ec451fddd645d1f9c6bd9012ccb7e587a2973b86ab7b89fe91e1c79939ba96095f503af04369a3b356c8023c13a5893221644
+  languageName: node
+  linkType: hard
+
 "@webassemblyjs/helper-buffer@npm:1.12.1":
   version: 1.12.1
   resolution: "@webassemblyjs/helper-buffer@npm:1.12.1"
@@ -13414,6 +13478,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@webassemblyjs/helper-wasm-section@npm:1.11.6":
+  version: 1.11.6
+  resolution: "@webassemblyjs/helper-wasm-section@npm:1.11.6"
+  dependencies:
+    "@webassemblyjs/ast": "npm:1.11.6"
+    "@webassemblyjs/helper-buffer": "npm:1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode": "npm:1.11.6"
+    "@webassemblyjs/wasm-gen": "npm:1.11.6"
+  checksum: 10/38a615ab3d55f953daaf78b69f145e2cc1ff5288ab71715d1a164408b735c643a87acd7e7ba3e9633c5dd965439a45bb580266b05a06b22ff678d6c013514108
+  languageName: node
+  linkType: hard
+
 "@webassemblyjs/helper-wasm-section@npm:1.12.1":
   version: 1.12.1
   resolution: "@webassemblyjs/helper-wasm-section@npm:1.12.1"
@@ -13451,6 +13527,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@webassemblyjs/wasm-edit@npm:^1.11.5":
+  version: 1.11.6
+  resolution: "@webassemblyjs/wasm-edit@npm:1.11.6"
+  dependencies:
+    "@webassemblyjs/ast": "npm:1.11.6"
+    "@webassemblyjs/helper-buffer": "npm:1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode": "npm:1.11.6"
+    "@webassemblyjs/helper-wasm-section": "npm:1.11.6"
+    "@webassemblyjs/wasm-gen": "npm:1.11.6"
+    "@webassemblyjs/wasm-opt": "npm:1.11.6"
+    "@webassemblyjs/wasm-parser": "npm:1.11.6"
+    "@webassemblyjs/wast-printer": "npm:1.11.6"
+  checksum: 10/c168bfc6d0cdd371345f36f95a4766d098a96ccc1257e6a6e3a74d987a5c4f2ddd2244a6aecfa5d032a47d74ed2c3b579e00a314d31e4a0b76ad35b31cdfa162
+  languageName: node
+  linkType: hard
+
 "@webassemblyjs/wasm-edit@npm:^1.12.1":
   version: 1.12.1
   resolution: "@webassemblyjs/wasm-edit@npm:1.12.1"
@@ -13467,6 +13559,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@webassemblyjs/wasm-gen@npm:1.11.6":
+  version: 1.11.6
+  resolution: "@webassemblyjs/wasm-gen@npm:1.11.6"
+  dependencies:
+    "@webassemblyjs/ast": "npm:1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode": "npm:1.11.6"
+    "@webassemblyjs/ieee754": "npm:1.11.6"
+    "@webassemblyjs/leb128": "npm:1.11.6"
+    "@webassemblyjs/utf8": "npm:1.11.6"
+  checksum: 10/f91903506ce50763592863df5d80ffee80f71a1994a882a64cdb83b5e44002c715f1ef1727d8ccb0692d066af34d3d4f5e59e8f7a4e2eeb2b7c32692ac44e363
+  languageName: node
+  linkType: hard
+
 "@webassemblyjs/wasm-gen@npm:1.12.1":
   version: 1.12.1
   resolution: "@webassemblyjs/wasm-gen@npm:1.12.1"
@@ -13480,6 +13585,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@webassemblyjs/wasm-opt@npm:1.11.6":
+  version: 1.11.6
+  resolution: "@webassemblyjs/wasm-opt@npm:1.11.6"
+  dependencies:
+    "@webassemblyjs/ast": "npm:1.11.6"
+    "@webassemblyjs/helper-buffer": "npm:1.11.6"
+    "@webassemblyjs/wasm-gen": "npm:1.11.6"
+    "@webassemblyjs/wasm-parser": "npm:1.11.6"
+  checksum: 10/e0cfeea381ecbbd0ca1616e9a08974acfe7fc81f8a16f9f2d39f565dc51784dd7043710b6e972f9968692d273e32486b9a8a82ca178d4bd520b2d5e2cf28234d
+  languageName: node
+  linkType: hard
+
 "@webassemblyjs/wasm-opt@npm:1.12.1":
   version: 1.12.1
   resolution: "@webassemblyjs/wasm-opt@npm:1.12.1"
@@ -13492,6 +13609,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@webassemblyjs/wasm-parser@npm:1.11.6, @webassemblyjs/wasm-parser@npm:^1.11.5":
+  version: 1.11.6
+  resolution: "@webassemblyjs/wasm-parser@npm:1.11.6"
+  dependencies:
+    "@webassemblyjs/ast": "npm:1.11.6"
+    "@webassemblyjs/helper-api-error": "npm:1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode": "npm:1.11.6"
+    "@webassemblyjs/ieee754": "npm:1.11.6"
+    "@webassemblyjs/leb128": "npm:1.11.6"
+    "@webassemblyjs/utf8": "npm:1.11.6"
+  checksum: 10/6995e0b7b8ebc52b381459c6a555f87763dcd3975c4a112407682551e1c73308db7af23385972a253dceb5af94e76f9c97cb861e8239b5ed1c3e79b95d8e2097
+  languageName: node
+  linkType: hard
+
 "@webassemblyjs/wasm-parser@npm:1.12.1, @webassemblyjs/wasm-parser@npm:^1.12.1":
   version: 1.12.1
   resolution: "@webassemblyjs/wasm-parser@npm:1.12.1"
@@ -13506,6 +13637,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@webassemblyjs/wast-printer@npm:1.11.6":
+  version: 1.11.6
+  resolution: "@webassemblyjs/wast-printer@npm:1.11.6"
+  dependencies:
+    "@webassemblyjs/ast": "npm:1.11.6"
+    "@xtuc/long": "npm:4.2.2"
+  checksum: 10/fd45fd0d693141d678cc2f6ff2d3a0d7a8884acb1c92fb0c63cf43b7978e9560be04118b12792638a39dd185640453510229e736f3049037d0c361f6435f2d5f
+  languageName: node
+  linkType: hard
+
 "@webassemblyjs/wast-printer@npm:1.12.1":
   version: 1.12.1
   resolution: "@webassemblyjs/wast-printer@npm:1.12.1"
@@ -13663,6 +13804,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"acorn-import-assertions@npm:^1.9.0":
+  version: 1.9.0
+  resolution: "acorn-import-assertions@npm:1.9.0"
+  peerDependencies:
+    acorn: ^8
+  checksum: 10/af8dd58f6b0c6a43e85849744534b99f2133835c6fcdabda9eea27d0a0da625a0d323c4793ba7cb25cf4507609d0f747c210ccc2fc9b5866de04b0e59c9c5617
+  languageName: node
+  linkType: hard
+
 "acorn-import-attributes@npm:^1.9.5":
   version: 1.9.5
   resolution: "acorn-import-attributes@npm:1.9.5"
@@ -13715,7 +13865,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn@npm:^8.0.4, acorn@npm:^8.1.0, acorn@npm:^8.12.1, acorn@npm:^8.2.4, acorn@npm:^8.4.1, acorn@npm:^8.7.1, acorn@npm:^8.8.1, acorn@npm:^8.8.2, acorn@npm:^8.9.0":
+"acorn@npm:^8.0.4, acorn@npm:^8.1.0, acorn@npm:^8.2.4, acorn@npm:^8.4.1, acorn@npm:^8.7.1, acorn@npm:^8.8.1, acorn@npm:^8.8.2, acorn@npm:^8.9.0":
+  version: 8.11.3
+  resolution: "acorn@npm:8.11.3"
+  bin:
+    acorn: bin/acorn
+  checksum: 10/b688e7e3c64d9bfb17b596e1b35e4da9d50553713b3b3630cf5690f2b023a84eac90c56851e6912b483fe60e8b4ea28b254c07e92f17ef83d72d78745a8352dd
+  languageName: node
+  linkType: hard
+
+"acorn@npm:^8.12.1":
   version: 8.12.1
   resolution: "acorn@npm:8.12.1"
   bin:
@@ -15646,6 +15805,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"browserslist@npm:^4.14.5":
+  version: 4.22.1
+  resolution: "browserslist@npm:4.22.1"
+  dependencies:
+    caniuse-lite: "npm:^1.0.30001541"
+    electron-to-chromium: "npm:^1.4.535"
+    node-releases: "npm:^2.0.13"
+    update-browserslist-db: "npm:^1.0.13"
+  bin:
+    browserslist: cli.js
+  checksum: 10/4a515168e0589c7b1ccbf13a93116ce0418cc5e65d228ec036022cf0e08773fdfb732e2abbf1e1188b96d19ecd4dd707504e75b6d393cba2782fc7d6a7fdefe8
+  languageName: node
+  linkType: hard
+
 "bs-logger@npm:0.x":
   version: 0.2.6
   resolution: "bs-logger@npm:0.2.6"
@@ -16088,6 +16261,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"caniuse-lite@npm:^1.0.30001541":
+  version: 1.0.30001636
+  resolution: "caniuse-lite@npm:1.0.30001636"
+  checksum: 10/9e6c5ab4c20df31df36720dda77cf6a781549ac2ad844bc0a416b327a793da21486358a1f85fdd6c39e22d336f70aac3b0e232f5f228cdff0ceb6e3e1c5e98fd
+  languageName: node
+  linkType: hard
+
 "capital-case@npm:^1.0.4":
   version: 1.0.4
   resolution: "capital-case@npm:1.0.4"
@@ -18270,15 +18450,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"debug@npm:4, debug@npm:^4.0.0, debug@npm:^4.0.1, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.4, debug@npm:^4.3.7":
-  version: 4.3.7
-  resolution: "debug@npm:4.3.7"
+"debug@npm:4, debug@npm:^4.0.0, debug@npm:^4.0.1, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.4":
+  version: 4.3.4
+  resolution: "debug@npm:4.3.4"
   dependencies:
-    ms: "npm:^2.1.3"
+    ms: "npm:2.1.2"
   peerDependenciesMeta:
     supports-color:
       optional: true
-  checksum: 10/71168908b9a78227ab29d5d25fe03c5867750e31ce24bf2c44a86efc5af041758bb56569b0a3d48a9b5344c00a24a777e6f4100ed6dfd9534a42c1dde285125a
+  checksum: 10/0073c3bcbd9cb7d71dd5f6b55be8701af42df3e56e911186dfa46fac3a5b9eb7ce7f377dd1d3be6db8977221f8eb333d945216f645cf56f6b688cd484837d255
   languageName: node
   linkType: hard
 
@@ -18303,6 +18483,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"debug@npm:^4.3.7":
+  version: 4.3.7
+  resolution: "debug@npm:4.3.7"
+  dependencies:
+    ms: "npm:^2.1.3"
+  peerDependenciesMeta:
+    supports-color:
+      optional: true
+  checksum: 10/71168908b9a78227ab29d5d25fe03c5867750e31ce24bf2c44a86efc5af041758bb56569b0a3d48a9b5344c00a24a777e6f4100ed6dfd9534a42c1dde285125a
+  languageName: node
+  linkType: hard
+
 "debug@npm:~3.1.0":
   version: 3.1.0
   resolution: "debug@npm:3.1.0"
@@ -19186,6 +19378,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"electron-to-chromium@npm:^1.4.535":
+  version: 1.4.597
+  resolution: "electron-to-chromium@npm:1.4.597"
+  checksum: 10/30f2c7009075e61682e4ebf3b702fe0ab899654dd1f847757c44646c1ad023ccc773aa8e1096c63ba23f386009b64e48c248fcead5313496e1cef9dad64d2a70
+  languageName: node
+  linkType: hard
+
 "electron-to-chromium@npm:^1.5.28":
   version: 1.5.36
   resolution: "electron-to-chromium@npm:1.5.36"
@@ -19378,6 +19577,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"enhanced-resolve@npm:^5.15.0":
+  version: 5.15.0
+  resolution: "enhanced-resolve@npm:5.15.0"
+  dependencies:
+    graceful-fs: "npm:^4.2.4"
+    tapable: "npm:^2.2.0"
+  checksum: 10/180c3f2706f9117bf4dc7982e1df811dad83a8db075723f299245ef4488e0cad7e96859c5f0e410682d28a4ecd4da021ec7d06265f7e4eb6eed30c69ca5f7d3e
+  languageName: node
+  linkType: hard
+
 "enquirer@npm:^2.3.0, enquirer@npm:^2.3.5":
   version: 2.3.6
   resolution: "enquirer@npm:2.3.6"
@@ -22892,7 +23101,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"html-webpack-plugin@npm:^5.5.0, html-webpack-plugin@npm:^5.5.3":
+"html-webpack-plugin@npm:^5.5.0":
   version: 5.6.0
   resolution: "html-webpack-plugin@npm:5.6.0"
   dependencies:
@@ -22913,6 +23122,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"html-webpack-plugin@npm:^5.5.3":
+  version: 5.5.3
+  resolution: "html-webpack-plugin@npm:5.5.3"
+  dependencies:
+    "@types/html-minifier-terser": "npm:^6.0.0"
+    html-minifier-terser: "npm:^6.0.2"
+    lodash: "npm:^4.17.21"
+    pretty-error: "npm:^4.0.0"
+    tapable: "npm:^2.0.0"
+  peerDependencies:
+    webpack: ^5.20.0
+  checksum: 10/01d302a434e3db9f0e2db370f06300fb613de0fb8bdcafd4693e44c2528b8608621e5e7ca5d8302446db3f20c5f8875f1f675926d469b13ebab139954d241055
+  languageName: node
+  linkType: hard
+
 "htmlencode@npm:^0.0.4":
   version: 0.0.4
   resolution: "htmlencode@npm:0.0.4"
@@ -28300,6 +28524,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-releases@npm:^2.0.13":
+  version: 2.0.13
+  resolution: "node-releases@npm:2.0.13"
+  checksum: 10/c9bb813aab2717ff8b3015ecd4c7c5670a5546e9577699a7c84e8d69230cd3b1ce8f863f8e9b50f18b19a5ffa4b9c1a706bbbfe4c378de955fedbab04488a338
+  languageName: node
+  linkType: hard
+
 "node-releases@npm:^2.0.18":
   version: 2.0.18
   resolution: "node-releases@npm:2.0.18"
@@ -29709,7 +29940,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"picocolors@npm:^1.0.0, picocolors@npm:^1.1.0":
+"picocolors@npm:^1.0.0, picocolors@npm:^1.0.1, picocolors@npm:^1.1.0":
   version: 1.1.0
   resolution: "picocolors@npm:1.1.0"
   checksum: 10/a2ad60d94d185c30f2a140b19c512547713fb89b920d32cc6cf658fa786d63a37ba7b8451872c3d9fc34883971fb6e5878e07a20b60506e0bb2554dce9169ccb
@@ -30574,7 +30805,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-selector-parser@npm:^6.0.0, postcss-selector-parser@npm:^6.0.10, postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4, postcss-selector-parser@npm:^6.0.6":
+"postcss-selector-parser@npm:^6.0.0, postcss-selector-parser@npm:^6.0.10, postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.6":
+  version: 6.0.13
+  resolution: "postcss-selector-parser@npm:6.0.13"
+  dependencies:
+    cssesc: "npm:^3.0.0"
+    util-deprecate: "npm:^1.0.2"
+  checksum: 10/e779aa1f8ca9ee45d562400aac6109a2bccc59559b6e15adec8bc2a71d395ca563a378fd68f6a61963b4ef2ca190e0c0486e6dc6c41d755f3b82dd6e480e6941
+  languageName: node
+  linkType: hard
+
+"postcss-selector-parser@npm:^6.0.4":
   version: 6.1.2
   resolution: "postcss-selector-parser@npm:6.1.2"
   dependencies:
@@ -30675,7 +30916,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.2.14, postcss@npm:^8.3.11, postcss@npm:^8.4.14, postcss@npm:^8.4.23, postcss@npm:^8.4.33, postcss@npm:~8.4.47":
+"postcss@npm:^8.2.14, postcss@npm:^8.4.33, postcss@npm:~8.4.47":
   version: 8.4.47
   resolution: "postcss@npm:8.4.47"
   dependencies:
@@ -30686,6 +30927,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss@npm:^8.3.11, postcss@npm:^8.4.14, postcss@npm:^8.4.23":
+  version: 8.4.45
+  resolution: "postcss@npm:8.4.45"
+  dependencies:
+    nanoid: "npm:^3.3.7"
+    picocolors: "npm:^1.0.1"
+    source-map-js: "npm:^1.2.0"
+  checksum: 10/7eaf7346d04929ee979548ece5e34d253eae6f175346e298b2c4621ad6f4ee00adfe7abe72688640e910c0361ae50537c5dda3e35fd1066491282c342b3ee5c8
+  languageName: node
+  linkType: hard
+
 "postis@npm:^2.2.0":
   version: 2.2.0
   resolution: "postis@npm:2.2.0"
@@ -33776,7 +34028,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"source-map-js@npm:>=0.6.2 <2.0.0, source-map-js@npm:^1.2.1":
+"source-map-js@npm:>=0.6.2 <2.0.0, source-map-js@npm:^1.2.0, source-map-js@npm:^1.2.1":
   version: 1.2.1
   resolution: "source-map-js@npm:1.2.1"
   checksum: 10/ff9d8c8bf096d534a5b7707e0382ef827b4dd360a577d3f34d2b9f48e12c9d230b5747974ee7c607f0df65113732711bb701fe9ece3c7edbd43cb2294d707df3
@@ -35237,7 +35489,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"terser-webpack-plugin@npm:^5.3.1, terser-webpack-plugin@npm:^5.3.10":
+"terser-webpack-plugin@npm:^5.3.1, terser-webpack-plugin@npm:^5.3.10, terser-webpack-plugin@npm:^5.3.7":
   version: 5.3.10
   resolution: "terser-webpack-plugin@npm:5.3.10"
   dependencies:
@@ -36754,6 +37006,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"update-browserslist-db@npm:^1.0.13":
+  version: 1.0.13
+  resolution: "update-browserslist-db@npm:1.0.13"
+  dependencies:
+    escalade: "npm:^3.1.1"
+    picocolors: "npm:^1.0.0"
+  peerDependencies:
+    browserslist: ">= 4.21.0"
+  bin:
+    update-browserslist-db: cli.js
+  checksum: 10/9074b4ef34d2ed931f27d390aafdd391ee7c45ad83c508e8fed6aaae1eb68f81999a768ed8525c6f88d4001a4fbf1b8c0268f099d0e8e72088ec5945ac796acf
+  languageName: node
+  linkType: hard
+
 "update-browserslist-db@npm:^1.1.0":
   version: 1.1.1
   resolution: "update-browserslist-db@npm:1.1.1"
@@ -37317,6 +37583,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"watchpack@npm:^2.4.0":
+  version: 2.4.0
+  resolution: "watchpack@npm:2.4.0"
+  dependencies:
+    glob-to-regexp: "npm:^0.4.1"
+    graceful-fs: "npm:^4.1.2"
+  checksum: 10/4280b45bc4b5d45d5579113f2a4af93b67ae1b9607cc3d86ae41cdd53ead10db5d9dc3237f24256d05ef88b28c69a02712f78e434cb7ecc8edaca134a56e8cab
+  languageName: node
+  linkType: hard
+
 "watchpack@npm:^2.4.1":
   version: 2.4.2
   resolution: "watchpack@npm:2.4.2"
@@ -37662,7 +37938,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"webpack@npm:5, webpack@npm:^5, webpack@npm:^5.95.0, webpack@npm:~5.95.0":
+"webpack@npm:5, webpack@npm:^5.95.0, webpack@npm:~5.95.0":
   version: 5.95.0
   resolution: "webpack@npm:5.95.0"
   dependencies:
@@ -37698,6 +37974,43 @@ __metadata:
   languageName: node
   linkType: hard
 
+"webpack@npm:^5":
+  version: 5.89.0
+  resolution: "webpack@npm:5.89.0"
+  dependencies:
+    "@types/eslint-scope": "npm:^3.7.3"
+    "@types/estree": "npm:^1.0.0"
+    "@webassemblyjs/ast": "npm:^1.11.5"
+    "@webassemblyjs/wasm-edit": "npm:^1.11.5"
+    "@webassemblyjs/wasm-parser": "npm:^1.11.5"
+    acorn: "npm:^8.7.1"
+    acorn-import-assertions: "npm:^1.9.0"
+    browserslist: "npm:^4.14.5"
+    chrome-trace-event: "npm:^1.0.2"
+    enhanced-resolve: "npm:^5.15.0"
+    es-module-lexer: "npm:^1.2.1"
+    eslint-scope: "npm:5.1.1"
+    events: "npm:^3.2.0"
+    glob-to-regexp: "npm:^0.4.1"
+    graceful-fs: "npm:^4.2.9"
+    json-parse-even-better-errors: "npm:^2.3.1"
+    loader-runner: "npm:^4.2.0"
+    mime-types: "npm:^2.1.27"
+    neo-async: "npm:^2.6.2"
+    schema-utils: "npm:^3.2.0"
+    tapable: "npm:^2.1.1"
+    terser-webpack-plugin: "npm:^5.3.7"
+    watchpack: "npm:^2.4.0"
+    webpack-sources: "npm:^3.2.3"
+  peerDependenciesMeta:
+    webpack-cli:
+      optional: true
+  bin:
+    webpack: bin/webpack.js
+  checksum: 10/ee19b070279c9bc3bf21eeaac3ea08e6583c1b8da334e595b3c9badedbd7f9fad071b9f785076081af661ef247bb72441e86e8b903bf253ae9300007a048ea6e
+  languageName: node
+  linkType: hard
+
 "websocket-driver@npm:>=0.5.1, websocket-driver@npm:^0.7.4":
   version: 0.7.4
   resolution: "websocket-driver@npm:0.7.4"
@@ -38102,7 +38415,22 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ws@npm:^8.11.0, ws@npm:^8.13.0, ws@npm:^8.18.0, ws@npm:^8.2.3":
+"ws@npm:^8.11.0, ws@npm:^8.13.0, ws@npm:^8.2.3":
+  version: 8.17.0
+  resolution: "ws@npm:8.17.0"
+  peerDependencies:
+    bufferutil: ^4.0.1
+    utf-8-validate: ">=5.0.2"
+  peerDependenciesMeta:
+    bufferutil:
+      optional: true
+    utf-8-validate:
+      optional: true
+  checksum: 10/5e1dcb0ae70c6e2f158f5b446e0a72a2cd335b07aba73ee1872e9bae1285382286a10e53ed479db21bdd690a5dfd05641a768611ebb236253c62fefa43ef58b4
+  languageName: node
+  linkType: hard
+
+"ws@npm:^8.18.0":
   version: 8.18.0
   resolution: "ws@npm:8.18.0"
   peerDependencies: