Using inferred schema types in Next.js client components, 'server-only' breaks Drizzle Studio.

import "server-only";
import { integer, sqliteTable, text } from "drizzle-orm/sqlite-core";

export const usersTable = sqliteTable("users", {
  id: integer("id").primaryKey(),
  email: text("email").unique().notNull(),
});

export type InsertUser = typeof usersTable.$inferInsert;
export type SelectUser = typeof usersTable.$inferSelect;

"use client";
import { useState } from "react";
import { SelectUser } from "@/app/db/schema";

export default function UserMenu({ user }: { user: SelectUser }) {
  const [menuOpen, setMenuOpen] = useState(false);
  return (
    <div>
      <button onClick={() => setMenuOpen((prev) => !prev)}>Account</button>
      <div className={menuOpen ? "open" : "close"}>
        <p>{user.email}</p>
      </div>
    </div>
  );
}