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; `;