Use TypeScript declaration files alongside JavaScript

TypeScript Version: 3.9.3

Search Terms:
TypeScript along side JavaScript

Code

Button.jsx

const Button = ({ text, onClick }) => {
  return <button onClick={onClick}>{text}</button>
}

Button.d.ts

interface Props {
  text: string
  onClick: () => void
}

declare const Button: (props: Props) => Element

Expected behavior:
TypeScript should apply the types described in Button.d.ts and use them on Button.jsx.

Actual behavior:
The prop types in Button.jsx are any and are ignoring the typed written in Button.d.ts.

Playground Link: https://codesandbox.io/s/loving-mclaren-dvefd?file=/src/button/Button.jsx

Related Issues: https://stackoverflow.com/questions/53074172/typescript-declaration-files-for-local-js-files

Other Info:
I made a stackoverflow question about this but it doesn't seem to be known there. https://stackoverflow.com/questions/61932377/use-typescript-declaration-files-alongside-javascript

Inizia con l'esempio di Button.jsx e Button.d.ts, quindi riproduci il comportamento usando il CodeSandbox collegato e la versione segnalata di TypeScript 3.9.3. Traccia il modo in cui i file di dichiarazione vengono associati ai file JavaScript e conferma il comportamento previsto con un test mirato del compilatore; il lavoro è completato quando vengono applicati i props dichiarati invece di essere inferiti come any, oppure quando la limitazione è documentata.