Ширина и высота холста React-three/fiber переопределяются, и я не знаю, почему ⇐ CSS

[Anonymous]

У меня есть приложение Next.js, которое использует реакцию-три/волокно: https://github.com/ChristianOConnor/lin ... typescript И ПРОВЕРИТЬ миграцию-to-nextjs13 филиал. Проблема касается CSS. У меня есть объект реакции-три/волокна, отображаемый в середине страницы. У меня есть этот CSS:

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

canvas {
width:100%;
max-width:100%;
height:100%;
}

Это должно заставить объект реакции-три/волокна занять весь контейнер, но это переопределяется и сбрасывается до 300 пикселей на 150 пикселей. См. здесь:



Как видите, CSS, установленный на холст для ширины и высоты, перечеркнут.
Это должно выглядеть так (я вручную в веб-консоли изменил ширину и высоту на 100%)



Я разместил свой исходный код по ссылке в верхней части сообщения, просто не забудьте переключить код в ветку Migrate-to-nextjs13.
Я разместил свой исходный код по ссылке в верхней части сообщения.
Я разместил свой исходный код по ссылке в верхней части сообщения, просто не забудьте переключить код в ветку Migrate-to-nextjs13.
p>
Так почему же ширина и высота холста переопределяются и как это исправить?

Подробнее здесь: https://stackoverflow.com/questions/744 ... -dont-know