Property 'title' does not exist on type 'IntrinsicAttributes'.ts(2322)

 

If you are facing this type of error then follow these steps

Error

Type '{ title: string; containerStyles: string; handleClick: ({ title, containerStyles, handleClick }: CustomButtonProps) => void; }' is not assignable to type 'IntrinsicAttributes'.

  Property 'title' does not exist on type 'IntrinsicAttributes'.ts(2322)

(property) title: string

Solution

The error message indicates that there is a type mismatch in the assignment of props to the CustomButton component. Specifically, it seems that the title prop is not recognized as a valid prop for CustomButton.

To resolve this issue, you should ensure that the CustomButton component accepts a title prop. Here are a few steps you can take to fix the error:

Verify that the CustomButton component has a prop named title defined in its prop types or interface (CustomButtonProps).

Check if the prop types or interface for CustomButton includes a definition for title like title: string.

Make sure that the prop types or interface for CustomButton is imported correctly and matches the definition of the component.

Double-checking these points should help you identify and fix the error.