Weird TS error for Dialog.Title element

[Lauro235]

I extracted some code outside of a Modal base, to make the Modal reusable, however I'm getting one really odd error on a className prop...

I'm happy to send through further information, but for now here's a link to the code that causes the problem (unfortunately it's not a completely reproduced error though).

https://tsplay.dev/W4VOBN

The error seems to show that className the intrinsic prop has a really weird type setting of className?: ((bag: TitleRenderPropArg) => string) | undefined; }. Here's the whole error.

      Type 'string' is not assignable to type '(bag: TitleRenderPropArg) => string'.ts(2322)
      types.d.ts(18, 5): The expected type comes from property 'className' which is declared here on
      type 'IntrinsicAttributes & CleanProps<string, never> & OurProps<string, TitleRenderPropArg>
      & { className?: ((bag: TitleRenderPropArg) => string) | undefined; } & { ...; }'

Any tips, suggestions and answers are welcome. Thanks