AsyncBoundary (deprecated)

import { AsyncBoundary } from '@suspensive/react'
 
const Example = () => (
  <AsyncBoundary
    pendingFallback={<Loading />}
    rejectedFallback={(props) => (
      <>
        <button onClick={props.reset}>Try again</button>
        {props.error.message}
      </>
    )}
    onReset={() => console.log('reset')}
    onError={(error) => console.log(error)}
  >
    <Children />
  </AsyncBoundary>
)

type AsyncBoundaryProps = Omit<SuspenseProps, 'fallback'> &
  Omit<ErrorBoundaryProps, 'fallback'> & {
    pendingFallback?: SuspenseProps['fallback']
    rejectedFallback: ErrorBoundaryProps['fallback']
  }

import { withAsyncBoundary } from '@suspensive/react'
 
const Example = withAsyncBoundary(
  function Component() {
    return <>...</>
  },
  {
    pendingFallback: <Loading />,
    rejectedFallback: (props) => (
      <>
        <button onClick={props.reset}>Try again</button>
        {props.error.message}
      </>
    ),
    onReset: () => console.log('reset'),
    onError: (error) => console.log(error),
  }
)