diff --git a/frontend/src/component/onboarding/dialog/ConnectSdkDialog.tsx b/frontend/src/component/onboarding/dialog/ConnectSdkDialog.tsx
index a036223b07..cf19f321fe 100644
--- a/frontend/src/component/onboarding/dialog/ConnectSdkDialog.tsx
+++ b/frontend/src/component/onboarding/dialog/ConnectSdkDialog.tsx
@@ -64,14 +64,13 @@ const NextStepSectionSpacedContainer = styled('div')(({ theme }) => ({
 
 type OnboardingStage = 'select-sdk' | 'generate-api-key' | 'test-connection';
 
-export const ConnectSdkDialog = ({
-    open,
+const InnerDialog = ({
     onClose,
     onFinish,
     environments,
     project: projectId,
     feature,
-}: IConnectSDKDialogProps) => {
+}: Omit<IConnectSDKDialogProps, 'open'>) => {
     const theme = useTheme();
     const isLargeScreen = useMediaQuery(theme.breakpoints.up('lg'));
     const [sdk, setSdk] = useState<Sdk | null>(null);
@@ -98,7 +97,7 @@ export const ConnectSdkDialog = ({
     }, [JSON.stringify(environments)]);
 
     return (
-        <StyledDialog open={open} onClose={onClose}>
+        <StyledDialog open={true} onClose={onClose}>
             <Box sx={{ display: 'flex' }}>
                 <ConnectSdk>
                     {isSelectSdkStage ? (
@@ -199,3 +198,10 @@ export const ConnectSdkDialog = ({
         </StyledDialog>
     );
 };
+
+export const ConnectSdkDialog = ({
+    open,
+    ...props
+}: IConnectSDKDialogProps) => {
+    return open ? <InnerDialog {...props} /> : null;
+};