react-query + zod validation

zod validation

// utils.ts
import { z } from "zod";

const adviceSchema = z.object({
    slip: z.object({
        id: z.number(),
        advice: z.string(),
    }),
});

export const getAdvice = async () => {
    const data = await fetch("https://api.adviceslip.com/advice").then((d) =>
        d.json()
    );
    return adviceSchema.parse(data);
};

// main.tsx
const queryClient = new QueryClient();
ReactDOM.createRoot(document.getElementById("root")!).render(
    
        
    
);

//App.tsx
import { useQuery } from "@tanstack/react-query";

const { data, refetch } = useQuery({
    queryKey: ["get_advice"],
    queryFn: getAdvice,
});