Refactor Errors.tsx

bzwrk · bzwrk · commit 745ca5a2cb31 · 2025-02-06T12:48:11.000-06:00
diff --git a/packages/connect-react/src/components/Errors.tsx b/packages/connect-react/src/components/Errors.tsx
@@ -36,7 +36,11 @@ export function Errors<T extends ConfigurableProps, U extends ConfigurableProp>(
     gridTemplateColumns: "max-content",
   }
 
+  const FormattedErrors = () => {
+    return <>{formattedErrors.map((fe, idx: number) => <Alert prop={fe} key={idx}/>)}</>
+  }
+
   return (
-    <div className="pd-errors" style={baseStyles}>{formattedErrors.map((fe, idx: number) => <Alert prop={fe} key={idx}/>)}</div>
+    <div className="pd-errors" style={baseStyles}><FormattedErrors/></div>
   );
 }

Original file line number	Diff line number	Diff line change
`@@ -36,7 +36,11 @@ export function Errors<T extends ConfigurableProps, U extends ConfigurableProp>(`
`36`	`36`	`gridTemplateColumns: "max-content",`
`37`	`37`	`}`
`38`	`38`
	`39`	`+ const FormattedErrors = () => {`
	`40`	`+ return <>{formattedErrors.map((fe, idx: number) => <Alert prop={fe} key={idx}/>)}</>`
	`41`	`+ }`
	`42`	`+`
`39`	`43`	`return (`
`40`		`- <div className="pd-errors" style={baseStyles}>{formattedErrors.map((fe, idx: number) => <Alert prop={fe} key={idx}/>)}</div>`
	`44`	`+ <div className="pd-errors" style={baseStyles}><FormattedErrors/></div>`
`41`	`45`	`);`
`42`	`46`	`}`