Typescript yells at Config<Props> for Render and Puck components

[BleedingDev]

Problem

Strict Typescript yells that types Config and Config<Props> are not compatible.

Here are my types:

type PuckProps = {
  Typography: PropsFrom<typeof Typography>
  Spoiler: PropsFrom<typeof Spoiler>
  Link: PropsFrom<typeof Link>
  Image: PropsFrom<typeof Image>
  Video: PropsFrom<typeof Video>
  Audio: PropsFrom<typeof Audio>
  Divider: PropsFrom<typeof Divider>
  List: PropsFrom<typeof List>
  CopyText: PropsFrom<typeof CopyText>
  AskLLM: PropsFrom<typeof AskLLM>
  Code: PropsFrom<typeof Code>
}

I use them like this:

const config = { ... } satisfies Config<PuckProps>

Solution

Allow passing props to React components (same as you allow for Config type).

My suggested solution (fixed locally, but won't work everywhere)

declare function Render<Props>({ config, data }: {
    config: Config<Props>;
    data: Data;
}): react_jsx_runtime.JSX.Element;

[chrisvxd]

@BleedingDev what do you mean by "won't work everywhere"?

We'd have to add that kind of type definition for each component in Puck, which It think is acceptable.

[BleedingDev]

I did a manual edit in my node_modules, that's why it won't work. But I checked that it fixes the problem.

[chrisvxd]

@BleedingDev I believe this should be fixed in 0.13.0-canary.b95050d!