esm-dev / esm.sh

A fast, smart, & global CDN for modern(es2015+) web development.
https://esm.sh
MIT License
2.95k stars 143 forks source link

Not possible to import a React client component in Next.JS via esm.sh #804

Open OrangeTimes opened 4 months ago

OrangeTimes commented 4 months ago

Considering I publish the next React client component to private registry and use locally hosted esm.sh

'use client' import React, { useState } from 'react'; import AllComponents from './src/components/AllComponents';

const Page: React.FC = (props: any) => { const [counter, setCounter] = useState(0) return (

); } export default Page; When using esm.sh there is no way to specify 'use client' in the top of the module declaration to correctly render them in a SSR framework like Next.js (because it tries to render as a server component) My top-level declaration looks like this in esm.sh /* esm.sh - esbuild bundle(avatar-page@1.0.26) es2022 production */ import si,{useState as ii}from"/stable/react@18.2.0/es2022/react.mjs";var Zs={exports:{}},i={};var n;function ri(){if(n)return i;n=1;var