Type error not indicated when spreading into a JSX component whose props type is defined as interface

Bug Report

🔎 Search Terms

react, component props, interface type, spread

🕗 Version & Regression Information

Bug present in 3.3.3 (oldest version available on Playground), as well as Nightly.

⏯ Playground Link

Playground link with relevant code

💻 Code

import * as React from 'react'

// Change interface to a type declaration and the bug disappears.
interface Props {}
// type Props = {}

// Change 'Props' => '{}' (ie. inline the type) and the bug disappears.
function Component(_: Props) { 
    return <div>C2</div>
}

export function Bug() {
    const props = { opt: "1" } as const

    // Should be a type error, since Component doesn't accept 'opt' prop
    return <Component {...props} />
}

🙁 Actual behavior

No error is indicated.

Error is indicated correctly when interface is changed to a type declaration, or the type is inlined.

🙂 Expected behavior

TypeScript should indicate a type error since Component doesn't accept the 'opt' prop.

Inizia con la riproduzione collegata in TypeScript Playground e confronta il controllo dello spread JSX quando Props è un’interface, un type alias o un inline type. Traccia il percorso del controllo dei tipi per la chiamata a Component e verifica la correzione ripristinando l’errore previsto per l’opt prop aggiuntivo, preservando al contempo gli altri casi.