search

reactjs / server-components-demo

Demo app of React Server Components.
https://reactjs.org/server-components
MIT License
4.27k stars 640 forks source link

Set babel config to use commonjs modules on server #61

Open penx opened 2 years ago

penx commented 2 years ago

Fixes #60

Previously, if you had

export default function App({
  selectedId,
  isEditing,
  searchText,
  something = ['a', 'b'],
}) {
  const [a, b] = something;
  console.log(a, b);

this would error with

internal/modules/cjs/loader.js:1102
      throw new ERR_REQUIRE_ESM(filename, parentPath, packageJsonPath);
      ^

Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: /rsc/server-components-demo/node_modules/@babel/runtime/helpers/esm/slicedToArray.js
require() of ES modules is not supported.

This updates the babel config on the server to use useESModules: false