> npm install msw --save-dev
> yarn add -D msw

> npx msw init public/ --save 

import { setupWorker } from 'msw/browser'
import { handlers } from './handlers'
 
export const worker = setupWorker(...handlers)

import { http, HttpResponse } from 'msw'
 
export const handlers = [
  http.get('/api/user', ()=>{
		return HttpResponse.json({ status: 200, name: 'kkusaeng' })
  })
]

import ReactDOM from 'react-dom/client'
import { RouterProvider } from 'react-router'
import router from '@/router'
import '@/styles/index.css'
 
const enableMockingg = async () => {
  if (import.meta.env.MODE === 'production') return
 
  const { worker } = await import('../mocks/browser')
  return worker.start()
}
 
enableMockingg().then(() => {
	ReactDOM.createRoot(document.getElementById('macjjuni') as HTMLElement).render(
	  // <React.StrictMode>
	  <RouterProvider router={router} />,
	  // </React.StrictMode>
	)
}

[MSW] Mocking eanbled.

import { Outlet } from 'react-router'
import { useEffect } from 'react'
 
export default function App() {
 
  const getUser = async () => {
    const response = await fetch('/api/user')
    const data = await response.json()
    console.log(data)
  }
 
  useEffect(() => {
    getUser()
  }, [])
  return <Outlet />
}