Неверный вызов перехватчика при использовании библиотеки реакции-pdf ⇐ Javascript

[Anonymous]

Я пытаюсь создавать PDF-файлы с помощью HTML/JS и решил использовать библиотеку реакции-pdf. Чтобы ознакомиться, я просто скопировал/вставил пример их документации (https://react-pdf.org/):
App.jsx:

Код: Выделить всё

import React from 'react';
import { Page, Text, View, Document, StyleSheet } from '@react-pdf/renderer';

// Create styles
const styles = StyleSheet.create({
page: {
flexDirection: 'row',
backgroundColor: '#E4E4E4'
},
section: {
margin: 10,
padding: 10,
flexGrow: 1
}
});

// Create Document Component
const MyDocument = () => (



Section #1


Section #3



);

export default MyDocument

и main.jsx:

Код: Выделить всё

import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import App from './App.jsx'
import {PDFViewer} from "@react-pdf/renderer";
import MyDocument from "./App.jsx";

createRoot(document.getElementById('root')).render(






)

но я продолжаю получать эту ошибку:
Неверный вызов перехватчика. Хуки можно вызывать только внутри тела функционального компонента. Это может произойти по одной из следующих причин:

• Возможно, у вас несовпадающие версии React и средства рендеринга (например, React DOM).
• Возможно, вы нарушаете правила хуков.
• В одном приложении может быть более одной копии React.
  См. https://react.dev/link/invalid-hook-call, чтобы получить советы о том, как отлаживать и исправьте эту проблему.

Я не уверен, что делаю неправильно, я проверил предложения по ошибкам и не считаю, что какая-либо из указанных причин применима.

Подробнее здесь: https://stackoverflow.com/questions/798 ... df-library