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

Comienza con el ejemplo de Button.jsx y Button.d.ts, luego reproduce el comportamiento usando el CodeSandbox enlazado y la versión de TypeScript 3.9.3 indicada. Rastrea cómo se asocian los archivos de declaración con los archivos JavaScript y confirma el comportamiento esperado con una prueba específica del compilador; se considera terminado cuando se aplican las props declaradas en lugar de inferirse como any, o cuando se documenta la limitación.