Update ErrorBoundary.ts

console.error wrapped with is-development conditional

Author: bvaughn

src/ErrorBoundary.ts

@@ -1,4 +1,13 @@
-import { Component, createElement, ErrorInfo, isValidElement } from "react";
+import { isDevelopment } from "#is-development";
+import {
+  Component,
+  createElement,
+  ErrorInfo,
+  isValidElement,
+  PropsWithChildren,
+  PropsWithRef,
+  ReactElement,
+} from "react";
 import { ErrorBoundaryContext } from "./ErrorBoundaryContext";
 import { ErrorBoundaryProps, FallbackProps } from "./types";
 
@@ -10,7 +19,7 @@ const initialState: ErrorBoundaryState = {
 };
 
 export class ErrorBoundary extends Component<
-  ErrorBoundaryProps,
+  PropsWithRef<PropsWithChildren<ErrorBoundaryProps>>,
   ErrorBoundaryState
 > {
   constructor(props: ErrorBoundaryProps) {
@@ -88,9 +97,12 @@ export class ErrorBoundary extends Component<
       } else if (FallbackComponent) {
         childToRender = createElement(FallbackComponent, props);
       } else {
-        console.error(
-          "react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop"
-        );
+        if (isDevelopment) {
+          console.error(
+            "react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop"
+          );
+        }
+
         throw error;
       }
     }