Fallback style fail

[tienlx97]

const styles = stylex.create({
  innerWithTopNavWithFirstThatWorks: {
    minHeight: stylex.firstThatWorks(
      "calc(100vh - var(--headerr-height)",
      "calc(100dvh - var(--headerr-height)"
    ),
    top: "var(--headerr-height)",
  },
});

I can not do this fallback style, got error:

ERROR in ./src/faang/fb-layout/comet-main-content-wrapper.jsx
Module build failed (from ./node_modules/.pnpm/babel-loader@9.1.3_@babel+core@7.23.7_webpack@5.91.0/node_modules/babel-loader/lib/index.js):
Error: D:\_code\fe\src\faang\fb-layout\comet-main-content-wrapper.jsx: Rule contains an unclosed function

[nmn]

There is a syntax error in your calc(). There is a missing ) in both values.

This works:

const styles = stylex.create({
  innerWithTopNavWithFirstThatWorks: {
    minHeight: stylex.firstThatWorks(
      "calc(100vh - var(--headerr-height))",
      "calc(100dvh - var(--headerr-height))"
    ),
    top: "var(--headerr-height)",
  },
});