TS styled AddComponentProps problem

import styled from 'styled-components';
import { AddComponentProps } from '@midhub/components/dist/utils/AddComponentProps';

// example 1
const TestComponent = <C extends React.ElementType = 'button'>(
	p: AddComponentProps<{ text: number }, C>
) => <span>{p.text}</span>;

const TestComponentStyled = styled(TestComponent)``;

// Problem hehe
export const Test1 = () => <TestComponentStyled test='1' text={22} />; // typecheck DOES NOT throws error for `test` property

export const Test2 = () => <TestComponent test='1' text={22} />; // typecheck THROWS error for `test` property

// example 2
const TestComponent2 = (
	p: { text: number }
) => <span>{p.text}</span>;

const TestComponentStyled2 = styled(TestComponent2)``;

export const Test3 = () => <TestComponentStyled2 test='1' text={22} />; // typecheck THROWS error for `test` property