Function useStableData

app/src/utils/hooks.ts:218–229

(result: UseQueryResult<TData, TError>)

// Prevent annoying flashes while loading from the server
const useStableData = <TData, TError>(result: UseQueryResult<TData, TError>) => {
  const { data, isFetching } = result;
  const [stableData, setStableData] = useState(result.data);

  useEffect(() => {
    if (!isFetching) {
      setStableData(data);
    }
  }, [data, isFetching]);

  return { ...result, data: stableData };
};

export const useTrainingEntries = () => {
  const fineTune = useFineTune().data;