3 replies

Nextjs navigation after trpc mutation

I just found we have an issue while navigatig in browsers like safari/firefox but all working on chrome where after mutation I direct the user to the dashboard page where it should render new created data in the table.

This bit of code after successful mutation it directs the user to the home page I can see it re-renders the server component and trpc query for table data is being trigerred but it still contains data - 1. After full browser refresh it contains data +1. Am I doing something wrong with refreshing next cache or somethign?

const createMutation = api.location.create.useMutation({
    onSuccess: () => {
      reset(getValues());
      onSuccessCallback?.();
      setTimeout(() => {
        router.push('/locations');
        router.refresh();
        void apiUtils.invalidate();
      }, 1000);
    },
  });

const createMutation = api.location.create.useMutation({
    onSuccess: () => {
      reset(getValues());
      onSuccessCallback?.();
      setTimeout(() => {
        router.push('/locations');
        router.refresh();
        void apiUtils.invalidate();
      }, 1000);
    },
  });

TTC

Theo's Typesafe Cult•14mo ago•

3 replies

Mugetsu

Nextjs navigation after trpc mutation

const createMutation = api.location.create.useMutation({
    onSuccess: () => {
      reset(getValues());
      onSuccessCallback?.();
      setTimeout(() => {
        router.push('/locations');
        router.refresh();
        void apiUtils.invalidate();
      }, 1000);
    },
  });

const createMutation = api.location.create.useMutation({
    onSuccess: () => {
      reset(getValues());
      onSuccessCallback?.();
      setTimeout(() => {
        router.push('/locations');
        router.refresh();
        void apiUtils.invalidate();
      }, 1000);
    },
  });

Nextjs navigation after trpc mutation

Similar Threads

Nextjs navigation after trpc mutation

Similar Threads

Similar Threads

Similar Threads