Пытаюсь отобразить pdf в изображении, но неправильно указал путь ссылки

Я хочу отобразить PDF-файл, созданный в папке изображений, и отобразить его в моем приложении. Я использую pdf.js и импортирую pdfjs-dist для этой цели. Пока мне удалось заставить рабочих работать и настроить веб-пакет для загрузки файла. Но я получаю сообщение об ошибке с указанием пути к файлу. Как ни пытаюсь прописать путь к файлу, выдает ошибку. Я застрял, пытаясь понять это. Как мне получить PDF-файл для рендеринга?

import React, { Component } from "react";
import pdfjsLib from 'pdfjs-dist';
import pdfPath from '../../../../static/dist/assets/images/sampleStuff.pdf';
import ReactDOM from "react-dom";

pdfjsLib.GlobalWorkerOptions.workerSrc = '../../../../static/dist/pdf.worker.bundle.js';

class Samplepdf extends Component { 

    state = {
      file: pdfPath
    }

    componentDidMount() {
    const canvas = ReactDOM.findDOMNode(this.refs.myCanvas);
    const ctx = canvas.getContext("2d")
    const img = this.refs.image


    img.onload = () => {
      ctx.drawImage(img, 0, 0)
      ctx.font = "20px Courier"
      ctx.fillText(this.props.text, 210, 75)
    }

   render(){

      var loadingTask = pdfjsLib.getDocument(pdfPath);

     return (
        <div> 
         <canvas ref = "myCanvas" width = {640} height = {425} />
         <img ref = "image" src= {this.state.file} className = "hidden" />
        </div>
      )
   }
 }

webpack:

module.exports = {
  mode: "development",
  entry: {
    'main': './client/reactApp/index.js', 
    'pdf.worker': 'pdfjs-dist/build/pdf.worker.entry'
  },
  output: {
    path: path.resolve(__dirname, "static/dist"), 
    filename: "[name].bundle.js"
  },
  watch: true,
  module: {
    rules: [
      { test: /\.(jpg|png|gif|svg|pdf)$/, 
        use: [ { loader: 'file-loader', options: { name: '[name].[ext]', outputPath: './assets/images/' } } ] },
      {
        test: /\.m?js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env', "@babel/preset-react"],
            plugins: [
              ['@babel/plugin-proposal-object-rest-spread'],['@babel/plugin-proposal-class-properties']
            ]
          }
        }
      },
      {
        test: /\.css$/,
        use: ["style-loader", "css-loader"]
      }
    ]
  }
}