const handleDeleteCallback = async () => {
    "use server";
    revalidatePath("/dialogues");
  };
...

   <DeleteDialogue
      handleDeleteCallback={handleDeleteCallback}
      id={d.id}
    />

 const handleDeleteCallback = async () => {
    "use server";
    revalidatePath("/dialogues");
  };
...

   <DeleteDialogue
      handleDeleteCallback={handleDeleteCallback}
      id={d.id}
    />

  const deleteDialogue = api.dialogue.delete.useMutation({
    onSuccess: () => {
      // Refresh the list of dialogues
      console.log("Deleted dialogue");
      handleDeleteCallback();
    },
  });

  const deleteDialogue = api.dialogue.delete.useMutation({
    onSuccess: () => {
      // Refresh the list of dialogues
      console.log("Deleted dialogue");
      handleDeleteCallback();
    },
  });

  hello: publicProcedure
    .input(z.object({ text: z.string() }))
    .output(z.object({ greeting: z.string() }))
    .mutation(({ input }) => {
      console.log("calling server ");
      return {
        greeting: `Hello ${input.text}`,
      };
    }),

  hello: publicProcedure
    .input(z.object({ text: z.string() }))
    .output(z.object({ greeting: z.string() }))
    .mutation(({ input }) => {
      console.log("calling server ");
      return {
        greeting: `Hello ${input.text}`,
      };
    }),

  const handleStart = () => {
    const result = postHello.mutate({ text: "from tRPC" });
    console.log( result);
  };

  const handleStart = () => {
    const result = postHello.mutate({ text: "from tRPC" });
    console.log( result);
  };