Next.js (16.0.3) | useMutation | An unexpected response was received from the server.

  // use-device-list.ts
  const create = useMutation({
    mutationFn: async (device: Device) => {
      if (!data) return;
      await createDeviceAction(device, data.user.id);
    },
    onError: (error) => {
      console.log(error);
      // Error: An unexpected response was received from the server.
      //   at fetchServerAction (server-action-reducer.ts:196:11)
    },
  //onSettled: () => works
    onSuccess: () => {
      return queryClient.invalidateQueries({ queryKey: ['devices'] });
    },
  });

  // data/server/device.ts
  'use server'

  export const createDeviceAction = async (data: Device, userId: User['id']) => {
    if (!userId || !data) return;

    try {
      const device = await prisma.device.create({ data });
      return device;
    } catch (error) {
      if (error instanceof PrismaClientKnownRequestError)
        throw Error(error.message);
    }
  };