fixed pdf viewer

backend/package.json

@@ -46,16 +46,15 @@
         "react-dom": "^17.0.2",
         "react-infinite-scroll-component": "^6.1.0",
         "react-pdf": "^5.4.0",
-        "react-read-pdf": "^2.0.9",
         "react-router": "^5.2.1",
-        "react-router-dom": "^5.3.0",
-        "react-toastify": "^8.0.3"
+        "react-router-dom": "^5.3.0"
     },
     "devDependencies": {
         "@babel/core": "^7.15.5",
         "@babel/eslint-parser": "^7.14.7",
         "@babel/preset-react": "^7.0.0",
         "axios": "^0.21.4",
+        "babel-loader": "^8.2.3",
         "babel-preset-es2015-loose": "^8.0.0",
         "bootstrap": "^4.0.0",
         "eslint": "^7.31.0",
@@ -68,7 +67,7 @@
         "eslint-plugin-prettier": "^3.4.0",
         "eslint-plugin-react": "^7.26.1",
         "eslint-plugin-react-hooks": "^4.2.0",
-        "laravel-mix": "^6.0.31",
+        "laravel-mix": "^6.0.39",
         "lodash": "^4.17.19",
         "popper.js": "^1.12",
         "postcss": "^8.3.9",

backend/resources/js/pages/PDFView.jsx

@@ -1,13 +1,15 @@
 import React, {useEffect, useState} from 'react';
 import ReactDOM from 'react-dom';
 
-import { SpecialZoomLevel, Viewer, Worker } from '@react-pdf-viewer/core';
+import { SpecialZoomLevel, Viewer, Worker, ProgressBar} from '@react-pdf-viewer/core';
 import { defaultLayoutPlugin } from '@react-pdf-viewer/default-layout';
 
 import '@react-pdf-viewer/core/lib/styles/index.css';
 import '@react-pdf-viewer/default-layout/lib/styles/index.css';
 import { ScrollMode } from '@react-pdf-viewer/scroll-mode';
-import { ProgressBar } from '@react-pdf-viewer/core';
+
+import pdfjsWorker from "pdfjs-dist/build/pdf.worker.entry";
+
 
 const PDFViewer = () => {
 
@@ -41,7 +43,7 @@ const PDFViewer = () => {
     }, []);
 
     return (
-        <Worker workerUrl="/js/pdf.worker.js">
+        <Worker workerUrl={pdfjsWorker}>
             <div
                 style={{
                     height: '100vh',

backend/resources/js/parent/meeting/edit.jsx

@@ -3,7 +3,6 @@ import { useHistory } from 'react-router-dom';
 import { LoadingButton } from '@material-ui/lab';
 import IconButton from '@mui/material/IconButton';
 import RemoveIcon from '@mui/icons-material/Remove';
-import 'react-toastify/dist/ReactToastify.css';
 
 import Alert from '../../component/alert';
 import Notification from '../../component/notification';