[fix] tsconfig 수정

app/layout.tsx

@@ -5,10 +5,8 @@ import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { Analytics } from '@vercel/analytics/react';
 import { SpeedInsights } from '@vercel/speed-insights/next';
 import '@/styles/globals.css';
-import {
- ReactQueryClientProvider,
- StyledComponentsRegistry,
-} from '@/component/Provider';
+import { StyledComponentsRegistry } from '@/component/Provider/StyledComponentsRegistry';
+import { ReactQueryClientProvider } from '@/component/Provider/ReactQueryClientProvider';
 
 export const metadata: Metadata = {
  title: 'YELL:O - 너의 [ ??? ]에 설렜어',

component/Provider/ReactQueryClientProvider.tsx

@@ -0,0 +1,23 @@
+'use client';
+import React, { useState } from 'react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+
+export const ReactQueryClientProvider = ({
+ children,
+}: {
+ children: React.ReactNode;
+}) => {
+ const [queryClient] = useState(
+ () =>
+ new QueryClient({
+ defaultOptions: {
+ queries: {
+ staleTime: 60 * 1000,
+ },
+ },
+ }),
+ );
+ return (
+ <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+ );
+};

component/Provider/index.tsx → component/Provider/StyledComponentsRegistry.tsx

@@ -1,30 +1,9 @@
 'use client';
 
 import React, { useState } from 'react';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { useServerInsertedHTML } from 'next/navigation';
 import { ServerStyleSheet, StyleSheetManager } from 'styled-components';
 
-export const ReactQueryClientProvider = ({
- children,
-}: {
- children: React.ReactNode;
-}) => {
- const [queryClient] = useState(
- () =>
- new QueryClient({
- defaultOptions: {
- queries: {
- staleTime: 60 * 1000,
- },
- },
- }),
- );
- return (
- <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
- );
-};
-
 export function StyledComponentsRegistry({
  children,
 }: {

tsconfig.json

@@ -26,7 +26,8 @@
  ],
  "incremental": true,
  "paths": {
- "@/*": ["./*"]
+ "@/*": ["./*"],
+ "react": ["./node_modules/@types/react"]
  },
  "rootDir": "./"
  },