react-error-boundary 4.0.12 → 4.1.0

package/README.md

@@ -20,12 +20,12 @@ yarn add react-error-boundary
 ## API
 
 ### `ErrorBoundary` component
-Wrap an `ErrorBoundary` around other React components to "catch" errors and render a fallback UI. The component supports several ways to render a fallback (shown below).
+Wrap an `ErrorBoundary` component around other React components to "catch" errors and render a fallback UI. The component supports several ways to render a fallback (as shown below).
 
 > **Note** `ErrorBoundary` is a _client_ component. You can only pass props to it that are serializeable or use it in files that have a `"use client";` directive.
 
 #### `ErrorBoundary` with `fallback` prop
-The simplest way to render a default "something went wrong" type error message.
+The simplest way to render a default "something went wrong" type of error message.
 ```js
 "use client";
 
@@ -142,7 +142,7 @@ function Example() {
 ```
 
 #### Dismiss the nearest error boundary
-A fallback component can use this hook to request the nearest error boundary retry the render that original failed.
+A fallback component can use this hook to request the nearest error boundary retry the render that originally failed.
 
 ```js
 "use client";
@@ -211,4 +211,4 @@ If using Yarn:
 
 ---
 
-[This blog post](https://kentcdodds.com/blog/use-react-error-boundary-to-handle-errors-in-react) shows more examples of how this package can be used, although it was written for the [version 3 API](https://github.com/bvaughn/react-error-boundary/releases/tag/v3.1.4).
+[This blog post](https://kentcdodds.com/blog/use-react-error-boundary-to-handle-errors-in-react) shows more examples of how this package can be used, although it was written for the [version 3 API](https://github.com/bvaughn/react-error-boundary/releases/tag/v3.1.4).

package/dist/declarations/src/types.d.ts

@@ -1,4 +1,4 @@
-import { Component, ComponentType, ErrorInfo, FunctionComponent, PropsWithChildren, ReactElement, ReactNode } from "react";
+import { ComponentType, ErrorInfo, PropsWithChildren, ReactNode } from "react";
 declare function FallbackRender(props: FallbackProps): ReactNode;
 export type FallbackProps = {
     error: any;
@@ -27,7 +27,7 @@ export type ErrorBoundaryPropsWithRender = ErrorBoundarySharedProps & {
     fallbackRender: typeof FallbackRender;
 };
 export type ErrorBoundaryPropsWithFallback = ErrorBoundarySharedProps & {
-    fallback: ReactElement<unknown, string | FunctionComponent | typeof Component> | null;
+    fallback: ReactNode;
     FallbackComponent?: never;
     fallbackRender?: never;
 };

package/dist/declarations/src/withErrorBoundary.d.ts

@@ -1,3 +1,3 @@
 import { RefAttributes, ForwardRefExoticComponent, PropsWithoutRef, ComponentType } from "react";
 import { ErrorBoundaryProps } from "./types.js";
-export declare function withErrorBoundary<Props extends Object>(component: ComponentType<Props>, errorBoundaryProps: ErrorBoundaryProps): ForwardRefExoticComponent<PropsWithoutRef<Props> & RefAttributes<any>>;
+export declare function withErrorBoundary<Props extends object>(component: ComponentType<Props>, errorBoundaryProps: ErrorBoundaryProps): ForwardRefExoticComponent<PropsWithoutRef<Props> & RefAttributes<any>>;

package/dist/react-error-boundary.cjs.js

@@ -87,7 +87,7 @@ class ErrorBoundary extends react.Component {
         childToRender = fallbackRender(props);
       } else if (FallbackComponent) {
         childToRender = react.createElement(FallbackComponent, props);
-      } else if (fallback === null || react.isValidElement(fallback)) {
+      } else if (fallback !== undefined) {
         childToRender = fallback;
       } else {
         throw error;

package/dist/react-error-boundary.development.cjs.js

@@ -87,7 +87,7 @@ class ErrorBoundary extends react.Component {
         childToRender = fallbackRender(props);
       } else if (FallbackComponent) {
         childToRender = react.createElement(FallbackComponent, props);
-      } else if (fallback === null || react.isValidElement(fallback)) {
+      } else if (fallback !== undefined) {
         childToRender = fallback;
       } else {
         {

package/dist/react-error-boundary.development.esm.js

@@ -1,5 +1,5 @@
 'use client';
-import { createContext, Component, createElement, isValidElement, useContext, useState, useMemo, forwardRef } from 'react';
+import { createContext, Component, createElement, useContext, useState, useMemo, forwardRef } from 'react';
 
 const ErrorBoundaryContext = createContext(null);
 
@@ -83,7 +83,7 @@ class ErrorBoundary extends Component {
         childToRender = fallbackRender(props);
       } else if (FallbackComponent) {
         childToRender = createElement(FallbackComponent, props);
-      } else if (fallback === null || isValidElement(fallback)) {
+      } else if (fallback !== undefined) {
         childToRender = fallback;
       } else {
         {

package/dist/react-error-boundary.esm.js

@@ -1,5 +1,5 @@
 'use client';
-import { createContext, Component, createElement, isValidElement, useContext, useState, useMemo, forwardRef } from 'react';
+import { createContext, Component, createElement, useContext, useState, useMemo, forwardRef } from 'react';
 
 const ErrorBoundaryContext = createContext(null);
 
@@ -83,7 +83,7 @@ class ErrorBoundary extends Component {
         childToRender = fallbackRender(props);
       } else if (FallbackComponent) {
         childToRender = createElement(FallbackComponent, props);
-      } else if (fallback === null || isValidElement(fallback)) {
+      } else if (fallback !== undefined) {
         childToRender = fallback;
       } else {
         throw error;

package/package.json

@@ -1,14 +1,17 @@
 {
   "name": "react-error-boundary",
-  "version": "4.0.12",
+  "version": "4.1.0",
   "description": "Simple reusable React error boundary component",
   "author": "Brian Vaughn <brian.david.vaughn@gmail.com>",
   "license": "MIT",
-  "packageManager": "pnpm@8.6.10",
   "repository": {
     "type": "git",
     "url": "https://github.com/bvaughn/react-error-boundary"
   },
+  "engines": {
+    "node": ">=20",
+    "pnpm": "=9"
+  },
   "main": "dist/react-error-boundary.cjs.js",
   "module": "dist/react-error-boundary.esm.js",
   "exports": {
@@ -40,12 +43,12 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "clear": "npm run clear:builds & npm run clear:node_modules",
+    "clear": "pnpm clear:builds & pnpm clear:node_modules",
     "clear:builds": "rm -rf ./dist",
     "clear:node_modules": "rm -rf ./node_modules",
     "prerelease": "preconstruct build",
-    "prettier": "prettier --write \"**/*.{css,html,js,json,jsx,ts,tsx}\"",
-    "prettier:ci": "prettier --check \"**/*.{css,html,js,json,jsx,ts,tsx}\"",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
     "test": "jest",
     "test:watch": "jest --watch",
     "typescript": "tsc --noEmit",
@@ -58,12 +61,20 @@
     "@babel/preset-env": "^7.22.5",
     "@babel/preset-typescript": "^7.21.5",
     "@preconstruct/cli": "^2.8.1",
+    "@types/assert": "^1.5.10",
     "@types/jest": "^26.0.15",
     "@types/react": "^18",
     "@types/react-dom": "^18",
+    "@typescript-eslint/eslint-plugin": "^5.52.0",
+    "assert": "^2.0.0",
+    "eslint": "^8.0.1",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-import": "^2.25.2",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-react": "^7.33.1",
     "jest": "^29.4.3",
     "jest-environment-jsdom": "^29.4.3",
-    "prettier": "^2.8.6",
+    "prettier": "^3.0.1",
     "react": "^18",
     "react-dom": "^18",
     "ts-jest": "^29.0.5",
@@ -72,14 +83,6 @@
   "peerDependencies": {
     "react": ">=16.13.1"
   },
-  "eslintConfig": {
-    "extends": "./node_modules/kcd-scripts/eslint.js",
-    "rules": {
-      "react/prop-types": "off",
-      "react/no-did-update-set-state": "off",
-      "babel/no-unused-expressions": "off"
-    }
-  },
   "preconstruct": {
     "exports": {
       "importConditionDefaultExport": "default"