React-PDF — ожидаемое выражение, получено '<' ⇐ Javascript

[Гость]

Немного нубского вопроса, но я следил за документацией/примерами React и React-pdf, но до сих пор застрял на главной ошибке. Вот мой код:

// App.js импортировать './App.css'; импортировать React из «реагировать»; импортировать ReactDOM из «реагировать-дом»; импортировать {Page, Document} из «реагировать-pdf»; импортируйте {StyleSheet} из "@react-pdf/renderer"; импортировать образец PDF из «./pdfs/renal.pdf»; // Создаём стили константные стили = StyleSheet.create({ страница: { flexDirection: 'строка', backgroundColor: '#E4E4E4' }, раздел: { поле: 10, отступ: 10, flexGrow: 1 } }); функция Приложение() { возвращаться ( ) } экспортировать приложение по умолчанию; // index.js — без изменений по сравнению с тем, что предоставлено create-react-app импортировать React из «реагировать»; импортировать ReactDOM из «реагировать-дом/клиент»; импортировать './index.css'; импортировать приложение из «./App»; импортировать reportWebVitals из «./reportWebVitals»; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); // Если вы хотите начать измерять производительность своего приложения, передайте функцию // для протоколирования результатов (например: reportWebVitals(console.log)) // или отправить в конечную точку аналитики. Подробнее: (удалено, поскольку SO не любит сокращенные ссылки) отчетWebVitals(); Приложение React Для запуска этого приложения необходимо включить JavaScript. Ошибка появляется на странице после того, как я ее открываю. Как ни странно, незадолго до появления ошибки я вижу на странице сообщение «загрузка PDF», а иногда и сообщение «не удалось загрузить PDF». Я видел подобные варианты использования в онлайн-примерах (например, здесь), поэтому я немного не понимаю, что происходит не так.