Ошибка типа: невозможно прочитать свойства неопределенного значения (чтение «документа») с помощью jquery ⇐ Jquery

[Гость]

У меня есть проект Next.js (14.1.0), в котором я хочу использовать jquery для доступа к реквизитам некоторых элементов. Ничего особенного. Если я доберусь до страницы по следующему маршруту, все будет работать так, как задумано. Но если я перезагрузлю страницу, я получу:

⨯ node_modules/jquery/dist/jquery.js (27:26) @ document ⨯ Ошибка типа: невозможно прочитать свойства неопределенного объекта (чтение «документа») в __webpack_require__ (/workspaces/sandbox/.next/server/webpack-runtime.js:33:42) при оценке (./app/MyComponent.tsx:9:64) в (ssr)/./app/MyComponent.tsx (/workspaces/sandbox/.next/server/app/page.js:173:1) в __webpack_require__ (/workspaces/sandbox/.next/server/webpack-runtime.js:33:42) нулевой Я создал песочницу, в которую добавил только jquery и фиктивный компонент, но все равно получаю ошибку. Я ничего не нашел об этой ошибке. Кто-нибудь нашел решение этой проблемы или знает, что я делаю не так? https://codesandbox.io/p/devbox/nextjs-jquery

"использовать клиент"; импортировать { useEffect } из «реагировать»; импортировать $ из «jquery»; экспортировать функцию по умолчанию MyComponent() { useEffect(() => { const myClass = $(".myClass"); console.log(myClass.prop("offsetHeight")); }, []); возвращаться ( ); } Я пробовал разные версии jquery (3.7.1–3.5.1), но никакой разницы. Я попробовал добавить jquery-3.7.1.min.js в заголовок, но это все равно ничего не меняет.