useMemo and queryFn

So I have a fairly simple query function, shown below. I was wondering if

const body = await response.json()

const body = await response.json()

and

zResponse.parse(body);

zResponse.parse(body);

would run on every render? Would it make sense to wrap them in a useMemo with

response

response

as the dependency? This queryFn is in a custom hook.

const queryFunction = async ({ numDocumento, numPoliza, first }: TRequest): Promise<TResponse> => {
  const response = await fetch('http://someUrl.com/endpoint1/', {
    method: 'POST',
    body: JSON.stringify(
      zRequest.parse({
        numPoliza,
        numDocumento,
        first,
      })
    ),
  });

  if (!response.ok) {
    throw new Error('Response was not ok');
  }

  const body = await response.json();

  zResponse.parse(body);

  return body;

const queryFunction = async ({ numDocumento, numPoliza, first }: TRequest): Promise<TResponse> => {
  const response = await fetch('http://someUrl.com/endpoint1/', {
    method: 'POST',
    body: JSON.stringify(
      zRequest.parse({
        numPoliza,
        numDocumento,
        first,
      })
    ),
  });

  if (!response.ok) {
    throw new Error('Response was not ok');
  }

  const body = await response.json();

  zResponse.parse(body);

  return body;

TanStack•3y ago•

3 replies

primary-violet

useMemo and queryFn

So I have a fairly simple query function, shown below. I was wondering if

const body = await response.json()

const body = await response.json()

and

zResponse.parse(body);

zResponse.parse(body);

would run on every render? Would it make sense to wrap them in a useMemo with

response

response

as the dependency? This queryFn is in a custom hook.

const queryFunction = async ({ numDocumento, numPoliza, first }: TRequest): Promise<TResponse> => {
  const response = await fetch('http://someUrl.com/endpoint1/', {
    method: 'POST',
    body: JSON.stringify(
      zRequest.parse({
        numPoliza,
        numDocumento,
        first,
      })
    ),
  });

  if (!response.ok) {
    throw new Error('Response was not ok');
  }

  const body = await response.json();

  zResponse.parse(body);

  return body;

const queryFunction = async ({ numDocumento, numPoliza, first }: TRequest): Promise<TResponse> => {
  const response = await fetch('http://someUrl.com/endpoint1/', {
    method: 'POST',
    body: JSON.stringify(
      zRequest.parse({
        numPoliza,
        numDocumento,
        first,
      })
    ),
  });

  if (!response.ok) {
    throw new Error('Response was not ok');
  }

  const body = await response.json();

  zResponse.parse(body);

  return body;

useMemo and queryFn

Similar Threads

useMemo and queryFn

Similar Threads

Similar Threads

Similar Threads