React-three-fiber: невозможно преобразовать неопределенное или нулевое значение в объект (useRef) ⇐ Javascript

[Anonymous]

Я столкнулся со странной проблемой с response-three-fiber, которая проявляется только в разработке, но не после развертывания в Vercel.
Вот моя настройка:

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

{countries && }

Я передаю ссылку на сетку в другой компонент и использую ее внутри useFrame:

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

function Abc({ globeRef }) {
useFrame((state, delta) => {
if (globeRef) {
console.log("Hello:", delta)
console.log(globeRef)
}
})
return null
}

Хотя я просто регистрирую ссылку, во время разработки я получаю следующую ошибку:

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

Uncaught TypeError: Cannot convert undefined or null to object
at three.core.js:14737

Что сбивает с толку:

• Это происходит только в разработке
• Это никогда не происходит в производстве
• Если я удалю эти две строки, ошибка исчезнет в разработке:

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

{countries && }

Я не понимаю, почему эти компоненты влияют на ссылку или почему эта проблема существует только в разработке.


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