Portfolio


const { data, isLoading, status, error, isFetching } = useQuery(queryKey, queryFunction, options)


import { QueryClient, QueryClientProvider } from "react-query";
import App from "./App";

const queryClinet = new QueryClient();

ReactDOM.render(
  <React.StrictMode>
    <QueryClientProvider client={queryClinet}>
      <App />
    </QueryClientProvider>
  </React.StrictMode>,
  document.getElementById("root")


import { ReactQueryDevtools } from "react-query/devtools";
<>
  <GlobalStyle />
  <Router />
  <ReactQueryDevtools initialIsOpen={true} />
</>


const mutation = useMutation(newTodo => axios.post('/todos', newTodo))

const handleSubmit = useCallback(
    (newTodo) => {
        mutation.mutate(newTodo)
    },
    [mutation],
)


const mutation = useMutation(newTodo => axios.post('/todos', newTodo))

const handleSubmit = useCallback(
    async (newTodo) => {
        await mutation.mutateAsync(newTodo)
        setAnotherState()
        dispatch(createAnotherAction())
    },
    [mutation],
)