Reactjsで外部URLのファイルをダウンロードしたい

Question

現在、Reactjsを使ってファイルをダウンロードさせる機能を作っているのですが、
Reactで外部URLを指定してダウンロードするにはどうすれば良いのでしょうか？

以下、試してみたコードです。

const filePath =
    "https://thewebdev.info/wp-content/uploads/2020/07/erjju5ysegk-1200x800.jpg";


<a href={filePath} download>ダウンロード</a>

各種Version

"react": "17.0.2"

追記

現在、ファイル共有システムを作成しているのですが、サーバ側にはNodejsを動かしていて、
そのサーバのディレクトリにあるファイルをブラウザからダウンロードするにはどうすればよいでしょうか？

Comments

[maisumakun]

現状だと、どうなるのですか？

[lkl191]

説明が足りず、すみません。現状ですと、指定したURLに飛ぶだけでダウンロードができない状態です。

[maisumakun]

指定の「外部URL」とは、どのような関係にありますでしょうか？

・自分のサイトでドメインが違うだけ
・このような使い方をすることについて、リンク先の管理者から許可をもらっている
・リンク先には特に連絡もせず、勝手にやっている

[hoshi-takanori]

「download は同一オリジンの URL と、 blob:、 data: の各スキームでのみ動作します。」
https://developer.mozilla.org/ja/docs/Web/HTML/Element/a

[lkl191]

外部URLの方とは、特に連絡せずに勝手にやっています。
というのも本来はサーバ側のNodejsの方のファイルをダウンロードしたく、その前のテストとしてのつもりでしたが、出来ないようですね。