Portfolio


import { AsyncBoundary } from '@suspensive/react'
import { useSuspenseQuery } from '@tanstack/react-query';
 
const 준비가_필요한_컴포넌트 = withAsyncBoundary(
  function Component() {
		const { data } = useSuspenseQuery({ ... }); // throw Promise 하는 hook
    return <>...</>
  },
  {
    pendingFallback: <Loading />,
    rejectedFallback: (props) => (
      <>
        <button onClick={props.reset}>Try again</button>
        {props.error.message}
      </>
    ),
    onReset: () => console.log('reset'),
    onError: (error) => console.log(error),
  }
)
3차 커피챗

질문
