diff --git a/packages/twenty-ui/src/display/chip/components/EntityChip.tsx b/packages/twenty-ui/src/display/chip/components/EntityChip.tsx index 33aeffc845..f17ee41089 100644 --- a/packages/twenty-ui/src/display/chip/components/EntityChip.tsx +++ b/packages/twenty-ui/src/display/chip/components/EntityChip.tsx @@ -1,4 +1,5 @@ import * as React from 'react'; +import { useNavigate } from 'react-router-dom'; import { useTheme } from '@emotion/react'; import { isNonEmptyString } from '@sniptt/guards'; @@ -33,11 +34,13 @@ export const EntityChip = ({ LeftIcon, className, }: EntityChipProps) => { + const navigate = useNavigate(); const theme = useTheme(); const handleLinkClick = (event: React.MouseEvent) => { if (isNonEmptyString(linkToEntity)) { event.stopPropagation(); + navigate(linkToEntity); } };