reactjs - アプリをデプロイすると、PDFObject にファイルが表示されない

Question

react-pdfobject次のように、ルートが呼び出されたときに依存関係を使用して画面にレンダリングする PDF ファイルがあります。

import { useEffect } from 'react';
import Policy from 'assets/privacy-policy.pdf';
import { PDFObject } from 'react-pdfobject';

export function PrivacyPolicy() {

    useEffect(() => {
        document.querySelector('#pdfobject').classList.add('pdf-display');
    }, []);

    return (
        <PDFObject url={Policy} style={{width: '100%', height: '100vh'}}>
        </PDFObject>
    );
}

の中に追加するクラスは、要素がとuseEffectを持つことを保証するためのものです。width: 100%height: 100vh

私の問題は、localhost でアプリを実行するとこのコードが完全に機能することですが、AWS Amplify にデプロイすると、PDF ファイルを含むコンポーネントがレンダリングされません。表示されるのはアプリのヘッダーだけです。たとえば、ホームページにいる場合と同様です。

両方の状況で何が起こるかの画像を次に示します。

なぜこれが起こっているのか誰か教えてもらえますか？