calling server action from client sido throws webpack error - default webpack config

TypeError: __webpack_modules__[moduleId] is not a function
    at Object.__webpack_require__ [as require] (/home/huilensolis/dev/projects/Pictura/.next/server/webpack-runtime.js:33:42)

"use client";

import { createDefaultProfile } from "@/actions/create-profile";
import { PlainButton } from "@/components/ui/buttons/plain";
import { useSupabase } from "@/hooks/use-supabase";
import { ClientRouting } from "@/models/routing/client";
import { VenetianMask } from "lucide-react";
import { useRouter } from "next/navigation";
import { useState } from "react";

export function SignInAnonymouslyBtn() {
  const [loading, setLoading] = useState(false);
  const [error, setError] = useState("");

  const { supabase } = useSupabase();

  const router = useRouter();

  async function SignInAnonymously() {
    setLoading(true);

    try {
      const { error } = await supabase.auth.signInAnonymously();
      await createDefaultProfile();

      router.push(ClientRouting.app);
    } catch (error) {
      console.log({ error });
    }
  }

  return (
    <>
      <PlainButton
        className="bg-indigo-600 dark:bg-indigo-700 text-neutral-50"
        isLoading={loading}
        disabled={loading}
        onClick={SignInAnonymously}
      >
        Sign In Anonymously <VenetianMask />
      </PlainButton>
      {error && <p className="dark:text-red-500">{error}</p>}
    </>
  );
}

"use server";

export async function createDefaultProfile() {
  console.log('hello world')
}