#Next 15 (app dir): problem with UI kit: works in Vite, but not Next.js

5 messages · Page 1 of 1 (latest)

stone fossil
#

Hey folks,
I started tinkering with latest Next 15, that I want to use with Polaris UI kit. Technically speaking it is not compatibile yet with React 19, but it does work in my Vite project. Suprising, but it doesn't in Next. I assume it might be caused by server components. Could someone point me in the right direction: if this is solvable from my side, or I need to wait for UI kit devs to fix it?

Here's my layout.tsx, and below you will see the error

Screenshot_2024-12-30_at_17.21.512x.png
faint joltBOT
#
Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

stone fossil
wispy anchor
#

You prolly need to take create a wrapper for the AppProvider which is a client component, you mark it as client using use client, and use that wrapper inside layout.tsx.

This is what I assume the issue is from the error.

#

Someone had same issue as you, so you're not alone: https://community.shopify.com/c/shopify-apps/does-shopify-polaris-support-ssr-server-side-rendering/m-p/2528794

Does Shopify Polaris support SSR (server side rendering)?

I found some comments stating that Polaris should support SSR fully, however, I get errors when I try to do so.   Here's a sandbox to recreate the issue.   It's a Next.js app using their App router. Files/routes be default are server side rendered, unless a 'use client' directive is provided. So, wh...