Skip to content

Commit 7f19111

Browse files
authored
Stop forwarding the active prop for the TabButton component (twentyhq#12501)
This error was triggered: ![CleanShot 2025-06-09 at 14 49 45@2x](https://github.com/user-attachments/assets/9cc02f99-aead-40ec-aec1-33a6f8a4b81f)
1 parent 1f2c40a commit 7f19111

File tree

1 file changed

+4
-1
lines changed

1 file changed

+4
-1
lines changed

packages/twenty-ui/src/input/button/components/TabButton.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,14 @@
1+
import isPropValid from '@emotion/is-prop-valid';
12
import styled from '@emotion/styled';
23
import { Pill } from '@ui/components/Pill/Pill';
34
import { Avatar, IconComponent } from '@ui/display';
45
import { ThemeContext } from '@ui/theme';
56
import { ReactElement, useContext } from 'react';
67
import { Link } from 'react-router-dom';
78

8-
const StyledTabButton = styled.button<{
9+
const StyledTabButton = styled('button', {
10+
shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'active',
11+
})<{
912
active?: boolean;
1013
disabled?: boolean;
1114
to?: string;

0 commit comments

Comments
 (0)