From 9b3d12dfe656122613509474018f9ccf7e093a43 Mon Sep 17 00:00:00 2001
From: sjaanus <sellinjaanus@gmail.com>
Date: Thu, 5 Sep 2024 12:58:59 +0300
Subject: [PATCH] Fix

---
 frontend/src/component/onboarding/ConnectSdkDialog.tsx    | 5 ++++-
 .../src/component/onboarding/ConnectionInformation.tsx    | 8 ++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/src/component/onboarding/ConnectSdkDialog.tsx b/frontend/src/component/onboarding/ConnectSdkDialog.tsx
index 1c94ce9d4a0d..1501ff9c8008 100644
--- a/frontend/src/component/onboarding/ConnectSdkDialog.tsx
+++ b/frontend/src/component/onboarding/ConnectSdkDialog.tsx
@@ -171,7 +171,10 @@ export const ConnectSdkDialog = ({
                     <GenerateApiKeyConcepts />
                 ) : null}
                 {isLargeScreen && isTestConnectionStage ? (
-                    <ConnectionInformation onConnection={onClose} />
+                    <ConnectionInformation
+                        projectId={project}
+                        onConnection={onClose}
+                    />
                 ) : null}
             </Box>
         </StyledDialog>
diff --git a/frontend/src/component/onboarding/ConnectionInformation.tsx b/frontend/src/component/onboarding/ConnectionInformation.tsx
index 6dcf0504ce35..0f1cee582b1e 100644
--- a/frontend/src/component/onboarding/ConnectionInformation.tsx
+++ b/frontend/src/component/onboarding/ConnectionInformation.tsx
@@ -2,12 +2,12 @@ import { styled, Typography, useTheme } from '@mui/material';
 import { ConditionallyRender } from '../common/ConditionallyRender/ConditionallyRender';
 import { WhitePulsingAvatar } from '../project/Project/Import/PulsingAvatar';
 import Pending from '@mui/icons-material/Pending';
-import { useRequiredPathParam } from '../../hooks/useRequiredPathParam';
-import useProjectOverview from '../../hooks/api/getters/useProjectOverview/useProjectOverview';
+import useProjectOverview from 'hooks/api/getters/useProjectOverview/useProjectOverview';
 import { useEffect } from 'react';
 
 interface IConnectionInformationProps {
     onConnection: () => void;
+    projectId: string;
 }
 export const Container = styled('div')(({ theme }) => ({
     backgroundColor: theme.palette.background.sidebar,
@@ -50,10 +50,10 @@ export const ConnectionStatus = styled('div')(({ theme }) => ({
 
 export const ConnectionInformation = ({
     onConnection,
+    projectId,
 }: IConnectionInformationProps) => {
     const theme = useTheme();
-    const id = useRequiredPathParam('projectId');
-    const { project } = useProjectOverview(id, {
+    const { project } = useProjectOverview(projectId, {
         refreshInterval: 1000,
     });