fix ErrorBoundary fallbackUI prop type definition (#95)

* fix: fix ErrorBoundary fallbackUI prop * update type using ComponentType and use PropTypes.elementType for runtime type * use ComponentType import --------- Co-authored-by: Daniel Fry <[email protected]>
rollbar · Jun 20, 2023 · 12e260d · 12e260d
1 parent 6c506a2
commit 12e260d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/index.d.ts b/index.d.ts
@@ -1,4 +1,4 @@
-import { Component, Context as ReactContext, ErrorInfo, ReactNode } from 'react';
+import { Component, Context as ReactContext, ErrorInfo, ReactNode, ComponentType } from 'react';
 import Rollbar, { Callback, Configuration } from 'rollbar';
 
 export const LEVEL_DEBUG = 'debug';
@@ -16,7 +16,7 @@ export type LEVEL =
 type Extra = Record<string | number, unknown>;
 export interface ErrorBoundaryProps {
   children: ReactNode;
-  fallbackUI?: ReactNode;
+  fallbackUI?: ComponentType<{ error: Error | null, resetError: () => void }>;
   errorMessage?: string | (() => string);
   extra?:
     | Extra

diff --git a/src/error-boundary.js b/src/error-boundary.js
@@ -11,7 +11,7 @@ export class ErrorBoundary extends Component {
   static contextType = Context;
 
   static propTypes = {
-    fallbackUI: PropTypes.func,
+    fallbackUI: PropTypes.elementType,
     errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
     extra: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
     level: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),