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

Commencez par l’exemple Button.jsx et Button.d.ts, puis reproduisez le comportement à l’aide du CodeSandbox lié et de la version signalée de TypeScript 3.9.3. Suivez la manière dont les fichiers de déclaration sont associés aux fichiers JavaScript et confirmez le comportement attendu avec un test ciblé du compilateur ; le travail est terminé lorsque les props déclarées sont appliquées au lieu d’être inférées comme any, ou lorsque la limitation est documentée.