Stop forwarding the active prop for the TabButton component (#12501)
This error was triggered: 
This commit is contained in:
committed by
GitHub
parent
1f2c40af61
commit
7f19111e57
@ -1,3 +1,4 @@
|
|||||||
|
import isPropValid from '@emotion/is-prop-valid';
|
||||||
import styled from '@emotion/styled';
|
import styled from '@emotion/styled';
|
||||||
import { Pill } from '@ui/components/Pill/Pill';
|
import { Pill } from '@ui/components/Pill/Pill';
|
||||||
import { Avatar, IconComponent } from '@ui/display';
|
import { Avatar, IconComponent } from '@ui/display';
|
||||||
@ -5,7 +6,9 @@ import { ThemeContext } from '@ui/theme';
|
|||||||
import { ReactElement, useContext } from 'react';
|
import { ReactElement, useContext } from 'react';
|
||||||
import { Link } from 'react-router-dom';
|
import { Link } from 'react-router-dom';
|
||||||
|
|
||||||
const StyledTabButton = styled.button<{
|
const StyledTabButton = styled('button', {
|
||||||
|
shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'active',
|
||||||
|
})<{
|
||||||
active?: boolean;
|
active?: boolean;
|
||||||
disabled?: boolean;
|
disabled?: boolean;
|
||||||
to?: string;
|
to?: string;
|
||||||
|
|||||||
Reference in New Issue
Block a user