chakra-ui / chakra-ui-docs

Documentation website for chakra ui
https://chakra-ui.com
MIT License
300 stars 478 forks source link

Invalid prop used in Step #1609

Open vikthorvergara opened 1 year ago

vikthorvergara commented 1 year ago

Description

Subject

Style Props

Description

Hi! I noticed that the Step and StepSeparator in the Showing Step Summary example here are using invalid props: gap and _horizontal, respectively.

In spite of that, it is working just fine! But blindly copying and pasting it in a TSX template had me confused for a minute.

Step gap: Type '{ children: Element[]; key: number; gap: string; onClick: () => void; }' is not assignable to type 'IntrinsicAttributes & Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "transition" | ... 2 more ... | "translate"> & { ...; } & { ...; }'. Property 'gap' does not exist on type 'IntrinsicAttributes & Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "transition" | ... 2 more ... | "translate"> & { ...; } & { ...; }'.ts(2322)

StepSeparator _horizontal: Type '{ _horizontal: { ml: string; }; }' is not assignable to type 'IntrinsicAttributes & Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "transition" | ... 2 more ... | "translate"> & { ...; } & { ...; }'. Property '_horizontal' does not exist on type 'IntrinsicAttributes & Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "transition" | ... 2 more ... | "translate"> & { ...; } & { ...; }'.ts(2322)