# All files / src/chap05 ErrorRoot.js

0% Statements 0/1
100% Branches 0/0
0% Functions 0/1
0% Lines 0/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32

     import { ErrorBoundary } from 'react-error-boundary';
    import ErrorThrow from './ErrorThrow';

    export default function ErrorRoot() {
      return (
        <>
          <h3>Error Boundary의 기본</h3>
          <ErrorBoundary fallback={<div>오류가 발생했다.</div>}>
            <ErrorThrow />
          </ErrorBoundary>
        </>
      );
    }

    // import { ErrorBoundary } from 'react-error-boundary';
    // import ErrorThrow from './ErrorThrow';

    // export default function ErrorRoot() {
    //   return (
    //     <>
    //       <h3>Error Boundary의 기본</h3>
    //       <ErrorBoundary
    //         onError={err => alert(err.message)}
    //         fallback={<div>오류가 발생했다.</div>}
    //       >
    //         <ErrorThrow />
    //       </ErrorBoundary>
    //     </>
    //   );
    // }