From 2d6b239da4ec8682d6abc8c5d69dc247586b64bc Mon Sep 17 00:00:00 2001
From: Harsh Singh <harshrajeevsingh@gmail.com>
Date: Wed, 6 Nov 2024 14:32:06 +0530
Subject: [PATCH] fix: Prevent isDisabled prop from passing to DOM in
 Settings/Security Link (#8317)

Fixes: #8297
---
 .../components/SettingsSSOIdentitiesProvidersListCard.tsx    | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/twenty-front/src/modules/settings/security/components/SettingsSSOIdentitiesProvidersListCard.tsx b/packages/twenty-front/src/modules/settings/security/components/SettingsSSOIdentitiesProvidersListCard.tsx
index 2ab21068a..e9c72f05c 100644
--- a/packages/twenty-front/src/modules/settings/security/components/SettingsSSOIdentitiesProvidersListCard.tsx
+++ b/packages/twenty-front/src/modules/settings/security/components/SettingsSSOIdentitiesProvidersListCard.tsx
@@ -9,11 +9,14 @@ import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState';
 import { SettingsCard } from '@/settings/components/SettingsCard';
 import { SettingsSSOIdentitiesProvidersListCardWrapper } from '@/settings/security/components/SettingsSSOIdentitiesProvidersListCardWrapper';
 import { SSOIdentitiesProvidersState } from '@/settings/security/states/SSOIdentitiesProviders.state';
+import isPropValid from '@emotion/is-prop-valid';
 import styled from '@emotion/styled';
 import { useRecoilValue } from 'recoil';
 import { IconKey } from 'twenty-ui';
 
-const StyledLink = styled(Link)<{ isDisabled: boolean }>`
+const StyledLink = styled(Link, {
+  shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'isDisabled',
+})<{ isDisabled: boolean }>`
   pointer-events: ${({ isDisabled }) => (isDisabled ? 'none' : 'auto')};
   text-decoration: none;
 `;