How to write test for checking if a tsx component's type check is working properly?

[kayden1940]

below is pseudo code of what I am trying to achieve.

type ButtonProps = {
  onClick: () => void;
};

const CustomButton: React.FC<ButtonProps> = ({ label, onClick }) => {
  return <button onClick={onClick}>button</button>;
};

test(' typing checking for button's onClick attribute', async () => {
	const renderer = render(<CustomButton onClick={()=>{}} />)
	expect(renderer.typeCheck).toPass()
	const renderer = render(<CustomButton onClick={"not a function"} />)
	expect(renderer.typeCheck).toFail()
	const renderer = render(<CustomButton />)
	expect(renderer.typeCheck).toFail()
})

Thanks.