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

Button.jsx と Button.d.ts の例から始め、リンクされた CodeSandbox と報告された TypeScript 3.9.3 のバージョンを使って動作を再現します。宣言ファイルが JavaScript ファイルにどのように関連付けられるかを追跡し、焦点を絞ったコンパイラテストで意図された動作を確認します。宣言された props が any として推論されるのではなく適用されるか、またはその制限が文書化されれば完了です。