Investigate TypeScript intellisense slowness

Multiple users have reported TypeScript intellisense slowness for Chakra 1.0. We definitely want to make sure the DX for Chakra is excellent, so if this affecting you, please respond with the following information:

• Project type (next/CRA/etc.)
• Chakra version
• OS version
• IDE+version
• TypeScript version
• Paste a copy of your tsconfig.json

[segunadebayo]

We’ve made good improvements to the types of all components. Expect the TypeScript IntelliSense to be fast after the next rc release.

We’ve also moved most component prop definition from type to interface which is a massive win when it comes to speed of resolving types. All these with the as prop still working well 🥳

Thanks to @ljosberinn for leading the effort.

[remorses]

The typescript intellisense is based on the typescript language server that tsc itself uses, so we can use the tsc compile time as a metric of intellisense speed.

Looking at the code there are a lot of types that could be optimized

• instead of using PropsOf to declare the components props type we should declare the props as a concrete type, this way tsc has less code to evaluate

// instead of this
export type AlertTitleProps = PropsOf<typeof chakra.div>

// do this
export type AlertTitleProps = { message: 'string', ... }
export const AlertTitle: FC<AlertTitleProps> = ...

• remove the use of PropsOf in ChakraComponent and other relative types