Module parse error

[nouman91]

I am trying to using the library in an existing project bootstrapped with craco and create-react-app. Following is the error I get at the compile time.

./node_modules/react-resizable-panels/dist/react-resizable-panels.module.js 141:23
Module parse failed: Unexpected token (141:23)
File was processed with these loaders:
 * ./node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
|   if (state) {
|     const key = $6ff1a22b27cc039d$var$getSerializationKey(panels);
>     return state[key] ?? null;
|   }
|

Package.json details:
"@craco/craco": "^6.0.0", "react": "^17.0.2", "react-dom": "^17.0.2",

Please let me know if you need more details.

[bvaughn]

Duplicate of #67

Should find a solution here:
facebook/create-react-app#9468 (comment)

Good luck! 😄

[bvaughn]

FYI, I removed the nullish coalescing operator in v0.0.31 because the trivial benefit it provided didn't seem worth causing headaches for create-react-app users.

[nouman91]

Thank you for your prompt response. After a day of fiddling around I could not get it to work here is error which I am getting.

`Failed to compile.

./node_modules/react-resizable-panels/dist/react-resizable-panels.module.js 316:38
Module parse failed: Unexpected token (316:38)
File was processed with these loaders:

• ./node_modules/babel-loader/lib/index.js
  You may need an additional loader to handle the result of these loaders.
  | const handles = $f30c804b5fe6cc1a$export$ae14931f0a0256a3(groupId);
  | const index = handles.indexOf(handle);

const idBefore = panelsArray[index]?.id || null;
| const idAfter = panelsArray[index + 1]?.id || null;
| return [idBefore, idAfter];`

[bvaughn]

Sorry @nouman91. You'll probably need to look at Stack Overflow or somewhere else for help with the CRA Webpack configuration. That's not something I have the time or knowledge to support.

[nouman91]

Yeah I understand! Thank you!

[nouman91]

I was able to solve it, if someone is else is stuck into same issue with craco. Following is the package you need
https://www.npmjs.com/package/craco-babel-loader

[bvaughn]

By the way, if you update to 0.0.35– this module should now work with CRA without any additional configuration changes.
https://github.com/bvaughn/react-resizable-panels/releases/tag/v0.0.35