Invalid import

I have a problem about a couple days after the vercel's updates, and i cannot resolve this, this is on the vercel sides.

I have 'use client' in all contexts, all client wrappers, all client pages, all components that have a useState, useEffect... I have tried a styledjsx module but it does not help. With this problem my project doesn't work anymore, thanks vercel for updates) I have already cleaned all caches (in browser, git local) npm update, npm install, all of that, rm -rf node_modules package-lock.json... But it doesn't work.

Little story: I just woke up, turn on my pc and the project on localhost, and problem come out of nowhere) And i see that vercel have an update, cool, my project has been broked by vercel update. Help me.

Invalid import
'client-only' cannot be imported from a Server Component module. It should only be used from a Client Component.
The error was caused by using 'styled-jsx'. It only works in a Client Component but none of its parents are marked with "use client", so they're Server Components by default.

<!-- Code, configuration, and steps that reproduce this issue -->
I have one file inluded style-jsx global - but it doesn't the root of the problem, this problem appears with / without it.

app/layout.js
import "./globals.css";
import Header from "./components/Header";
import Footer from "./components/Footer";

export default async function Layout({ children }) {

  return (
    <html lang="en">
     <body className={`${rubik.className} selection:bg-selection-color caret-light-green`}>
 <SessionWrapper>
        <ConfirmationWrapper>
          <TwoFAWrapper>
<ClientWrapper>
 <Suspense>
                    {children}
                  </Suspense>
</ClientWrapper>
</TwoFAWrapper>
        </ConfirmationWrapper>
      </SessionWrapper>
</body>
)};

DEVELOPMENT ENVIRONMENT

Hi , welcome to the Vercel Community!

Sorry that you are facing this issue but the community members can't help you much with the context you provided.

I recommend you to read through our How to Get Good Answers guide and add more details to your post.

If you need more help, please share your public repo or a minimal reproducible example. That will let us all work together from the same code to figure out what’s going wrong.

You see the issue? it doesn't provide any file wher it can be? How can i know what files to show y'all?

Some styled-jsx docs: https://nextjs.org/blog/styling-next-with-styled-jsx

nextjs.org

Styling Next.js with Styled JSX

Styled JSX is a CSS-in-JS library that allows you to write encapsulated and scoped CSS to style your components. This blog post will help you get started with using Styled JSX in Next.js.

As Anshuman pointed out, you don't have to find specific files. You create a minimal project that has the same error as yours, make the project public, and post it here so that Vercel support can help you.