Double toasts on error

so when the getAcedmic years throw an error am getting two taosts same message, even after disabling retries

const { isPending, isError, data, error } = useQuery({
  queryKey: ["academic-years"],
  queryFn: getAcademicYears,
});

if (isError) {
  toast.error(error.message);
}

const table = useReactTable({
  columns,
  data: data ?? [],
  getCoreRowModel: getCoreRowModel(),
});

const { isPending, isError, data, error } = useQuery({
  queryKey: ["academic-years"],
  queryFn: getAcademicYears,
});

if (isError) {
  toast.error(error.message);
}

const table = useReactTable({
  columns,
  data: data ?? [],
  getCoreRowModel: getCoreRowModel(),
});

const { isPending, isError, data, error } = useQuery({
  queryKey: ["academic-years"],
  queryFn: getAcademicYears,
});

if (isError) {
  toast.error(error.message);
}

const table = useReactTable({
  columns,
  data: data ?? [],
  getCoreRowModel: getCoreRowModel(),
});

const { isPending, isError, data, error } = useQuery({
  queryKey: ["academic-years"],
  queryFn: getAcademicYears,
});

if (isError) {
  toast.error(error.message);
}

const table = useReactTable({
  columns,
  data: data ?? [],
  getCoreRowModel: getCoreRowModel(),
});

Double toasts on error

Similar Threads

Similar Threads

Similar Threads