Default type in generic react component not inherited in callbacks

[mc-petry]

Bug Report

🔎 Search Terms

React component default generic type

🕗 Version & Regression Information

• This is an error

⏯ Playground Link

Playground link with relevant code

💻 Code

import React from 'react'
import {
  ComponentPropsWithRef,
  ElementType,
  ReactNode,
} from 'react'

type ButtonBaseProps<T extends ElementType> =
   ComponentPropsWithRef<T> & {
  children?: ReactNode
}

function Component<T extends ElementType = 'span'>(props: ButtonBaseProps<T>) {
  return <></>
}

const v1 = <Component onClick={e => e.preventDefault()} /> // <- Error
const v2 = <Component<'span'> onClick={e => e.preventDefault()} /> // <- Ok

🙁 Actual behavior

Default generic type is not inherited in callbacks, but intellisense works fine:

🙂 Expected behavior

Should work both variants

[MartinJohns]

This is a crash

It's not crashing for me, did you miss something?

[mc-petry]

@MartinJohns
see link to playground:

[MartinJohns]

That's an error, not a compiler crash. :-)