fix(useErrorBoundary): state type narrow (#161)

bvaughn · Aug 11, 2023 · 04eb8af · 04eb8af
1 parent 8b2c6c5
commit 04eb8af
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/src/useErrorBoundary.ts b/src/useErrorBoundary.ts
@@ -2,20 +2,21 @@ import { useContext, useMemo, useState } from "react";
 import { assertErrorBoundaryContext } from "./assertErrorBoundaryContext";
 import { ErrorBoundaryContext } from "./ErrorBoundaryContext";
 
-export type UseErrorBoundaryApi<Error> = {
+type UseErrorBoundaryState<TError> =
+  | { error: TError; hasError: true }
+  | { error: null; hasError: false };
+
+export type UseErrorBoundaryApi<TError> = {
   resetBoundary: () => void;
-  showBoundary: (error: Error) => void;
+  showBoundary: (error: TError) => void;
 };
 
-export function useErrorBoundary<Error = any>(): UseErrorBoundaryApi<Error> {
+export function useErrorBoundary<TError = any>(): UseErrorBoundaryApi<TError> {
   const context = useContext(ErrorBoundaryContext);
 
   assertErrorBoundaryContext(context);
 
-  const [state, setState] = useState<{
-    error: Error | null;
-    hasError: boolean;
-  }>({
+  const [state, setState] = useState<UseErrorBoundaryState<TError>>({
     error: null,
     hasError: false,
   });
@@ -26,7 +27,7 @@ export function useErrorBoundary<Error = any>(): UseErrorBoundaryApi<Error> {
         context?.resetErrorBoundary();
         setState({ error: null, hasError: false });
       },
-      showBoundary: (error: Error) =>
+      showBoundary: (error: TError) =>
         setState({
           error,
           hasError: true,