Issue with <div options={{}} /> in About.tsx about project_3d_developer_portfolio HOT 2 OPEN

I think options property belongs to Tilt component and not to div tag

you can observe inside Works.jsx component specially in ProjectCard component

`
<Tilt
className='bg-tertiary rounded-2xl p-5 w-full sm:w-[360px] cursor-pointer'
options={{
max: 45,
scale: 1,
speed: 450
}}

`

from project_3d_developer_portfolio.

you are trying to pass an object with options property

Hi guys. I'm making this portfolio with Typescript and I'm having the issue with <div options={{ max: 45, scale:1, speed:450 }} ... />

Compalier is throwing error:

(property) options: { max: number; scale: number; speed: number; } Type '{ children: Element[]; options: { max: number; scale: number; speed: number; }; className: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'. Property 'options' does not exist on type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.ts(2322)

What can I do?

you are trying to pass an object with an options property to an object that accepts only standard html attributes. You can create a custom component and use react.htmlattributes types to extend prop

from project_3d_developer_portfolio.