Ryan Comments - Answer Overflow

Ryan

Explore posts from servers

•Created by Ryan on 9/28/2023 in #❓-help

Modify the payload before mutating

I wouldn't be losing type safety necessarily, cause the items that I want to add in preprocessing are all optional items, so mutate would still infer its original payload type This is what I ended up doing.. not sure I like it though, also not 100% sure what the impications of using the ProxyClient is on the cache, if any.

export const useVerifyCode = () => {
  const key = getQueryKey(trpc.auth.verifyCode);

  const mutationFn = async (block: RouterInputs['auth']['verifyCode']) => {
    const maybeReferralCode = storage.getReferrerCode();
    const maybeUTM = storage.getUTM();
    const utmObject = maybeUTM ? JSON.parse(maybeUTM) : {};
    // safe parse with zod
    const utmValidation = zodUtm.safeParse(utmObject);
    const validatedUtm = utmValidation.success ? utmValidation.data : {};

    const extendedBlock = {
      ...block,
      referralCode: maybeReferralCode,
      ...validatedUtm,
    };

    return trcpProxyClient.auth.verifyCode.mutate(extendedBlock);
  };

  const mutation = useMutation({
    mutationFn,
    mutationKey: key,
    onSuccess(data) {
      storage.setAccessToken(data.accessToken);
      storage.setRefreshToken(data.refreshToken);

      identify(data);
    },
  });

  return mutation;
};

export const useVerifyCode = () => {
  const key = getQueryKey(trpc.auth.verifyCode);

  const mutationFn = async (block: RouterInputs['auth']['verifyCode']) => {
    const maybeReferralCode = storage.getReferrerCode();
    const maybeUTM = storage.getUTM();
    const utmObject = maybeUTM ? JSON.parse(maybeUTM) : {};
    // safe parse with zod
    const utmValidation = zodUtm.safeParse(utmObject);
    const validatedUtm = utmValidation.success ? utmValidation.data : {};

    const extendedBlock = {
      ...block,
      referralCode: maybeReferralCode,
      ...validatedUtm,
    };

    return trcpProxyClient.auth.verifyCode.mutate(extendedBlock);
  };

  const mutation = useMutation({
    mutationFn,
    mutationKey: key,
    onSuccess(data) {
      storage.setAccessToken(data.accessToken);
      storage.setRefreshToken(data.refreshToken);

      identify(data);
    },
  });

  return mutation;
};

9 replies

TtRPC

•Created by Ryan on 9/28/2023 in #❓-help

Modify the payload before mutating

I would but I would need to separately wrap both mutate and mutateAsync since I would need to modify the payload on both. Yeah I have a few more non utm param things, like referral code etc.

9 replies

TtRPC

•Created by Ryan on 9/28/2023 in #❓-help

Modify the payload before mutating

I have a hook wrapped around this specific useMutation that is called from a few different places in my app. I need it to pass some UTM params stored in my local storage along with the payload, but don't want to have to remember to always include the params when I call the mutation. Ideally in the hook (within the mutate fn) I can add the utms

9 replies

TtRPC