16.2.X marking basically everything as "Client Component Browser" and "Client Component SSR"

[Noriller]

Until 16.1.7 everything working fine. Basically a t3app base with TRPC, drizzle, mysql2.

Trying to upgrade to 16.2.X seems to mark everything that touches trpc as client (even node modules mysql imports).

Tried to start sprinkling "server-only" or "use server", but there's just too many files and even then I saw a few "cant import server-only on client components". Couldn't see anything on the release notes that would point to this.

[icyJoseph]

Trying to upgrade to 16.2.X seems to mark everything that touches trpc as client (even node modules mysql imports).

How do you mean here? Is it getting bundled to the JS sent to the client?

[icyJoseph]

Wait what, do you mean that verbatimModuleSyntax set to false, fixes your issues?

IIRC, quite recently some verbatimModuleSyntax related changes were merged, perhaps that has caused some imports on your app to misbehave, I think there's some issues opened already.

[Noriller]

Yes. It seems to fix if I set to false.

[Noriller]

And there seems to be a couple issues open.

[icyJoseph]

could you try to narrow down what pattern is causing this in your app? likely a import type kind of thing somewhere...

[Noriller]

This import import { type AppRouter } from '~/server/api/root'; on src/trpc/react.tsx which exports the context provider for trpc.

Seems someone did already found what happened here: t3-oss/create-t3-app#2221
But couldn't find an issue reporting it.