Typescript styled-component error: “Type ‘{ children: string; }’ has no properties in common with type ‘IntrinsicAttributes’.”

If you create a component:

<DeliverNow>

</DeliverNow>

it automatically receives props. When you declare it:

const DeliverNow = () => {}

TypeScript will tell you that they don’t match, since in reality, DeliverNow receives props.

It should actually be:

const DeliverNow = (props:any) => {}