Высота попутного ветра из массива не работает в Next.js ⇐ Javascript

[Anonymous]

Я использую Next.js с Tailwind CSS. У меня есть массив объектов, и я сопоставляю его для рендеринга разделов. Каждый элемент имеет значение высоты, которое должно управлять классом высоты Tailwind.

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

const segments = [
{
height: "screen",
},
{
height: "[200vh]",
},
];

И я делаю:

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

...

Это работает только тогда, когда высота равна «screen» (h-screen работает), но такие значения, как «[100vh]» (h-[100vh]) не работают.
Я ожидал, что h-[100vh] будет сгенерирован правильно, но Tailwind не применяет стиль.
но когда я не загружаю высоту динамически (

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

classname="h-[100vh]"

), это работает
Я не знаю, что является причиной этого. Вот коды и ящик: https://codesandbox.io/p/devbox/6lxqmq

Подробнее здесь: https://stackoverflow.com/questions/798 ... in-next-js