I'm currently developing a Next.js (v14) app with Tina CMS. I want to use databaseClient which I created to fetch data from database but it turns out build failed due to cannot import the package in a server component module.

'client-only' cannot be imported from a Server Component module. It should only be used from a Client Component.

The error was caused by importing 'tinacms/dist/index.mjs' in './tina/config.ts'.

Import trace for requested module:
./tina/config.ts
./tina/database.ts
./tina/__generated__/databaseClient.ts
./src/lib/utils/getter.ts
./src/app/page.tsx

This is the 'databaseClient' being imported:

// src/lib/dataFetcher.ts

import { client } from "@/tina/__generated__/databaseClient";
import { unstable_cache } from "next/cache";
import { notFound } from "next/navigation";

export const getPageContent = unstable_cache(
  async (slug) => {
    try {
      return await client.queries.page({
        relativePath: `${slug}.mdx`,
      });
    } catch (e) {
      console.log(e);
      return notFound();
    }
  },
  ["content"],
  {
    revalidate: 1, // update every 1 seconds
  }

Repository: [My Github Repo](https://github.com/tridenda/tinacms)

Any help would be appreciated.