Reactでの帳票出力方法について

実現したいこと

Reactで請求書の出力を行いたいです。
Reactで作成した画面のボタンを押下した時に、HTML＋CSSで作成した請求をWeb画面上に表示し、それをpuppeteerを利用しPDF化したいです。

発生している問題・分からないこと

HTML＋CSSで帳票を作成し、組み込みたいのですが、うまく表示できません。
Reactで作成した画面の帳票出力ボタンを押した際に、HTMLソースを読み込み、ブラウザ上に表示したいのですが、404エラーがでてしまいます。

該当のソースコード

react

1/*ボタン部分*/ 2<Button 3 onClick={(e) => window.open(ROUTES.TEST.TEST, "_blank")} 4> 5 請求書出力 6</Button> 7 8/*ソース参照部分*/ 9export const ROUTES = { 10 TEST: { 11 TEST: "/test_src/index.html", 12 }, 13};

試したこと・調べたこと

上記の詳細・結果

ReactでのHTMLソースの読み込み方について調べましたが、逆のHTMLからReact のものしか見つけられませんでした。
参照部分のindex.htmlの.htmlを外してみましたが、同じく404エラーとなりました。

補足

特になし