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

Beginnen Sie mit dem Beispiel für Button.jsx und Button.d.ts, reproduzieren Sie anschließend das Verhalten mit der verknüpften CodeSandbox und der gemeldeten TypeScript-Version 3.9.3. Verfolgen Sie, wie Deklarationsdateien JavaScript-Dateien zugeordnet werden, und bestätigen Sie das beabsichtigte Verhalten mit einem gezielten Compiler-Test; abgeschlossen ist die Aufgabe, wenn die deklarierten Props angewendet werden, anstatt als any abgeleitet zu werden, oder wenn die Einschränkung dokumentiert ist.