Error: Convex functions should not be imported in the browser.

'use node';
import { v } from 'convex/values';
import { action } from '../../_generated/server';
import { initProject } from '../../ai/codegen';

export const createProject = action({
  args: {
    prompt: v.string(),
    model: v.string(),
  },
  handler: async (ctx, args) => {
    const { prompt, model } = args;
    const result = await initProject({
      prompt,
      model,
    });
    return result;
  },
});

'use node';
import { v } from 'convex/values';
import { action } from '../../_generated/server';
import { initProject } from '../../ai/codegen';

export const createProject = action({
  args: {
    prompt: v.string(),
    model: v.string(),
  },
  handler: async (ctx, args) => {
    const { prompt, model } = args;
    const result = await initProject({
      prompt,
      model,
    });
    return result;
  },
});

I use it in react like so:

I use it in react like so:

import { useAction } from 'convex/react';
import { api } from '../../convex/_generated/api';
...

  const initProject = useAction(api.actions.ai.actions.createProject);

import { useAction } from 'convex/react';
import { api } from '../../convex/_generated/api';
...

  const initProject = useAction(api.actions.ai.actions.createProject);

throw new Error("Convex functions should not be imported in the browser.");

throw new Error("Convex functions should not be imported in the browser.");