GetPsyched Comments - Answer Overflow

Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.

this is still happening :(

29 replies

TTCTheo's Typesafe Cult

•Created by GetPsyched on 9/28/2024 in #questions

Weird errors when using useQuery

it was because of the initialData

29 replies

TTCTheo's Typesafe Cult

•Created by GetPsyched on 9/28/2024 in #questions

Weird errors when using useQuery

29 replies

TTCTheo's Typesafe Cult

•Created by GetPsyched on 9/28/2024 in #questions

Weird errors when using useQuery

>:(

29 replies

TTCTheo's Typesafe Cult

•Created by GetPsyched on 9/28/2024 in #questions

Weird errors when using useQuery

ah, it's the initialData

29 replies

TTCTheo's Typesafe Cult

•Created by GetPsyched on 9/28/2024 in #questions

Weird errors when using useQuery

I think that was because it got set as stale

29 replies

TTCTheo's Typesafe Cult

•Created by GetPsyched on 9/28/2024 in #questions

Weird errors when using useQuery

oh it fetched now, after a long time

29 replies

TTCTheo's Typesafe Cult

•Created by GetPsyched on 9/28/2024 in #questions

Weird errors when using useQuery

  const {
    data: records,
    isLoading,
    isError,
  } = useQuery({
    queryKey: ['records', dataset, tab],
    queryFn: async () =>
      fetch(path)
        .then((response) => {
          if (!response.ok) throw new Error(response.statusText);
          return response.json();
        })
        .then((records: ReviewedRecord[]) =>
          records.map(({ timestamp, ...record }) => ({
            ...record,
            timestamp: new Date(timestamp),
          }))
        ),
    initialData: [],
  });

  const {
    data: records,
    isLoading,
    isError,
  } = useQuery({
    queryKey: ['records', dataset, tab],
    queryFn: async () =>
      fetch(path)
        .then((response) => {
          if (!response.ok) throw new Error(response.statusText);
          return response.json();
        })
        .then((records: ReviewedRecord[]) =>
          records.map(({ timestamp, ...record }) => ({
            ...record,
            timestamp: new Date(timestamp),
          }))
        ),
    initialData: [],
  });