docs(demo): Remove react-error-boundary pkg

Author: ntucker

examples/github-app/package-lock.json

@@ -62,7 +62,6 @@
     "parse-link-header": "^2.0.0",
     "react": "19.1.0",
     "react-dom": "19.1.0",
-    "react-error-boundary": "^5.0.0",
     "react-markdown": "10.1.0",
     "rehype-highlight": "7.0.2",
     "remark-gfm": "^4.0.0",

examples/github-app/package.json

@@ -5,9 +5,8 @@ import {
   getDefaultManagers,
   ProviderProps,
 } from '@data-client/react';
+import { ErrorBoundary } from '@data-client/react';
 import type { ReactNode } from 'react';
-import { ErrorBoundary } from 'react-error-boundary';
-import type { FallbackProps } from 'react-error-boundary';
 
 import { AuthdProvider } from '@/navigation/authdContext';
 import { unAuth } from '@/resources/Auth';
@@ -27,11 +26,11 @@ const managers = [
 
 export default function RootProvider({ children, ...rest }: Props) {
   return (
-    <ErrorBoundary FallbackComponent={ErrorFallback}>
+    <ErrorBoundary fallbackComponent={ErrorFallback}>
       <DataProvider {...rest} managers={managers}>
         <Router>
           <AuthdProvider>
-            <ErrorBoundary FallbackComponent={ErrorFallback}>
+            <ErrorBoundary fallbackComponent={ErrorFallback}>
               <Boundary>{children}</Boundary>
             </ErrorBoundary>
           </AuthdProvider>
@@ -43,7 +42,14 @@ export default function RootProvider({ children, ...rest }: Props) {
 
 type Props = { children: ReactNode } & ProviderProps;
 
-function ErrorFallback({ error, resetErrorBoundary }: FallbackProps) {
+function ErrorFallback({
+  error,
+  resetErrorBoundary,
+}: {
+  error: Error;
+  resetErrorBoundary: () => void;
+  className?: string;
+}) {
   return (
     <div role="alert">
       <p>Something went wrong:</p>

examples/github-app/src/RootProvider.tsx

@@ -1,9 +1,9 @@
 import { Link } from '@anansi/router';
 import { useSuspense, useCache, useDLE } from '@data-client/react';
+import { ErrorBoundary } from '@data-client/react';
 import { Card, Avatar } from 'antd';
 import { Tag } from 'antd';
 import React, { useMemo, memo, type JSX } from 'react';
-import { ErrorBoundary } from 'react-error-boundary';
 import Markdown from 'react-markdown';
 import rehypeHighlight from 'rehype-highlight';
 import remarkGfm from 'remark-gfm';
@@ -53,7 +53,7 @@ function IssueDetail({ number, repo, owner }: Props) {
           }
           description={
             <ErrorBoundary
-              fallbackRender={({ error }) => <div>{error.message}</div>}
+              fallbackComponent={({ error }) => <div>{error.message}</div>}
             >
               <Markdown
                 remarkPlugins={[remarkRemoveComments, remarkGfm]}