Module parse failed: Unexpected token ??

[lanluu]

Hi all,

I followed you tutorial to install Flowbite https://flowbite.com/docs/getting-started/react/.

By importing any Component into my React App e.g. import { Button } from 'flowbite-react';, I receive the following error:

Failed to compile.

./node_modules/flowbite-react/lib/esm/components/FormControls/HelperText.js 17:21
Module parse failed: Unexpected token (17:21)
You may need an appropriate loader to handle this file type.
|     className: classNames(theme.base, theme.colors[color], className)
|   }, props, {
>     children: value ?? children ?? ''
|   }));
| };

Could you please help me to resolve such issue? Thank you very much!

[tulup-conner]

Hi there, this is an old post, but to answer your question, you are having this issue because the version of ECMAScript you are "transpiling" to in your environment is too old to support ??.

It's referred to as the nullish coalescing operator.

You'll need to use a newer "language version" of JavaScript to fix this issue, like ES2015.

If you're using TypeScript, you can achieve this with tsconfig.json.