fix(components): reset error when the component props have changed

* Take the "Text input - Default" story
* change the `lapisField` to "hos" (i.e. making it an invalid field)
* The component will show an error, because LAPIS shows an error
* change  the `lapisField` to "host" (i.e. making it a valid field again)
Before: It would still show an error until you click "Try again"
Now: It rerenders and doesn't show an error anymore

Related to GenSpectrum/dashboards#530

Author: fengelniederhammer

components/src/preact/components/error-boundary.tsx

@@ -1,5 +1,5 @@
 import { type RenderableProps } from 'preact';
-import { useErrorBoundary, useMemo } from 'preact/hooks';
+import { useEffect, useErrorBoundary, useMemo } from 'preact/hooks';
 import { type ZodSchema } from 'zod';
 
 import { ErrorDisplay, type ErrorDisplayProps, InvalidPropsError } from './error-display';
@@ -22,6 +22,16 @@ export const ErrorBoundary = <T extends Record<string, unknown>>({
     const [internalError, resetError] = useErrorBoundary();
     const componentPropsParseError = useCheckComponentProps(schema, componentProps);
 
+    useEffect(
+        () => {
+            if (internalError) {
+                resetError();
+            }
+        },
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- this should run if and only if the props of the component change
+        [componentProps],
+    );
+
     if (internalError) {
         return (
             <ResizeContainer size={size}>