Distributed packages contain jsx code in js files

[tomas-phillips-95]

Some versions of packages above 1.0.4 contain jsx code in the transpiled js files (@rn-primitives/select being one of them). As a result the file cannot be parsed.

[mrzachnugent]

Hey @tomas-phillips-95 can you provide a minimal reproduction repo?

[marouanechoukri31]

Here is an example, I'm using the 1.1.0

 node_modules/@rn-primitives/slot/dist/index.mjs:15:57:
      15 │     return React.cloneElement(isTextChildren(children) ? <></> : children, {
         ╵                                                          ^

  The esbuild loader for this file is currently set to "js" but it must be set to "jsx" to be able
  to parse JSX syntax. You can use "loader: { '.js': 'jsx' }" to do that.

[mrzachnugent]

Hey @marouanechoukri31,

From your vite repo, I had to add to your vite.config.ts file the following to get it to work:

  optimizeDeps: {
    force: true,
+   include: ['@rn-primitives/slot', '@rn-primitives/avatar'],
    esbuildOptions: {
      loader: {
        '.js': 'jsx',
        '.mjs': 'jsx',
      },
    },
  },

@tomas-phillips-95 Are you using something else than vite? If so can you provide a minimal reproduction repo?