상품목록페이지만들기에서 ... 막힙니다..

선생님~!!

상품목록페이지가 안뜹니다 ㅠㅠ

뭘 잘못한걸까요??

app.tsx파일엔 아래와 같이 입력했습니다.

import { QueryClientProvider } from 'react-query'
import { useRoutes } from 'react-router-dom'
import { getClient } from './queryClient'
import { routes } from './routes'
import { ReactQueryDevtools } from 'react-query/devtools'


const App = () => {
    const elem = useRoutes(routes)
    const queryClient = getClient()
    return (
        <QueryClientProvider client={queryClient}>
            {elem}
            <ReactQueryDevtools initialIsOpen={false} />
        </QueryClientProvider>
    )
}
export default App

import { QueryClient } from 'react-query'


// import { getTodos, postTodo } from '../my-api'
type AnyOBJ = { [key: string]: any };


export const getClient = (() => {
    let client: QueryClient | null = null
    return () => {
        if (!client) client = new QueryClient({})
        return client
    }
})()
const BASE_URL = "https://fakestoreapi.com"


export const fetcher = async ({
    method,
    path,
    body,
    params,
}: {
    method: "GET" | "POST" | "PUT" | "DELETE" | "PATCH";
    path: string;
    body?: AnyOBJ;
    params?: AnyOBJ;
}) => {
    const url = `${BASE_URL}${path}`;
    const fetchOptions: RequestInit = {
        method,
        headers: {
            "Content-Type": "application/json",
            "Access-Control-Allow-Origin": BASE_URL,
        },
    };
    try {
        const res = await fetch(url, fetchOptions);
        const json = await res.json();
        return json;
    } catch (err) {
        console.error(err);
    }
};

export const QueryKeys = {
    PRODUCTS: "PRODUCTS",
};