useEffect and useMutation error about conditional rendering of hooks

I am using t3 stack with tRPC, and I am trying to mark all emails as seen when the page loads by using useEffect, but this seems to give me an error about conditional rendering of hooks.

Are there any other ways I can accomplish this?

  const { mutate: markAsSeen } = api.paMail.markAsSeen.useMutation({
    onError: () => {
      ToastComponent({ message: "Database error", type: "error" });
    },
  });

  useEffect(() => {
    markAsSeen({ sentTo: paPlayer!.id });
  }, [markAsSeen]);

  const { mutate: markAsSeen } = api.paMail.markAsSeen.useMutation({
    onError: () => {
      ToastComponent({ message: "Database error", type: "error" });
    },
  });

  useEffect(() => {
    markAsSeen({ sentTo: paPlayer!.id });
  }, [markAsSeen]);

�

tRPC•3y ago•

10 replies

𝛈𝞂𝗿𝞈𝒆𝒈𝖏𝝰𝛈 𝐜0𝟃3𝗿

useEffect and useMutation error about conditional rendering of hooks

  const { mutate: markAsSeen } = api.paMail.markAsSeen.useMutation({
    onError: () => {
      ToastComponent({ message: "Database error", type: "error" });
    },
  });

  useEffect(() => {
    markAsSeen({ sentTo: paPlayer!.id });
  }, [markAsSeen]);

  const { mutate: markAsSeen } = api.paMail.markAsSeen.useMutation({
    onError: () => {
      ToastComponent({ message: "Database error", type: "error" });
    },
  });

  useEffect(() => {
    markAsSeen({ sentTo: paPlayer!.id });
  }, [markAsSeen]);

useEffect and useMutation error about conditional rendering of hooks

Similar Threads

useEffect and useMutation error about conditional rendering of hooks

Similar Threads

Similar Threads

Similar Threads