homeyoun4071

강사님 설명에 덧붙이자면 _layout.tsx 는<pre><code class="language-typescript">import React, { Suspense } from "react";
import { Outlet } from "react-router-dom";
import { QueryClientProvider } from "react-query";
import { ReactQueryDevtools } from "react-query/devtools";
import { getClient } from "../queryClient";

const Layout: React.FC = () => {
 const queryClient = getClient();
 return (
 <QueryClientProvider client={queryClient}>
 <Suspense fallback={"loading..."}>
 <Outlet />
 </Suspense>
 <ReactQueryDevtools initialIsOpen={false} />
 </QueryClientProvider>
 );
};

export default Layout;</code></pre><hr>이렇습니다. export default 안해서 한참을 헤매다가 이제서야 이유를 알았습니다....아 그리고 app.tsx main.tsx 는 완전히 지워도 작동 합니다._layout.tsx 위치는 아래와 같습니다.<img src="https://cdn.inflearn.com/public/files/posts/de529eea-59ce-460a-bd6a-7a95938d5e89/캡처.PNG" alt="캡처.PNG" title="캡처.PNG"><hr>vite.&nbsp;config.ts 는 이전설정으로 바꾸지 않아도 작동 합니다.&nbsp;

homeyoun4071

Posts