-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
compatibility with Lit #12
Comments
Thanks for trying this out! I tried WeSC in the past with the Shoelace UI components which are also created w/ Lit and it had some issues as well. It is probably possible to achieve but it might take some time and more support from other devs. Just curious, doesn't Lit offer an SSR implementation? cc'ing @justinfagnani |
ah! i understand. lit does indeed have ssr implementations through @lit-labs/nextjs, @lit-labs/ssr-react and some other packages. i am trying to make a reproduction repository, but i'm running into different issues with hydration mismatches and such 🥲 although in the meantime here's a next@14 basic component setup (w/o WeSC for now): https://github.com/ceIia/lit-next-ssr/tree/next-14 |
hey!
i tried implementing wesc in a next.js project running on the latest version (14.0.1 as of today), but there seems to have compatibility issues. i also am using lit for the components, as well as pnpm and turborepo in the frontend repo in case that helps in anyway.
in
next dev
:or:
i'd like to point out that i'm using
createComponent
from @lit-labs/react to convert my "raw" Web Component into a React component, so this might be related:next build
:the following similar error happens for each statically rendered page, and also it does not break the build, DSD does not work, and FOUC/layout shift still happens since the web component isn't loaded immediately (like in
next dev
):let me know if i can offer more information about my implementation or anything else, really looking forward to completing this implementation.
The text was updated successfully, but these errors were encountered: