Catch execution errors and pass them to onError and renderError if provided

source/components/JsxParser.test.tsx

@@ -1038,6 +1038,19 @@ describe('JsxParser Component', () => {
 		expect(() => render(<JsxParser jsx='{ document.querySelector("body") }' onError={e => { throw e }} />)).toThrow()
 		expect(() => render(<JsxParser jsx='{ document.createElement("script") }' onError={e => { throw e }} />)).toThrow()
 	})
+
+	test('renderError catches errors', () => {
+		const renderError = jest.fn((...args) => console.error(...args))
+		render(
+			<JsxParser
+				bindings={{ badFn() { throw new Error('Test error') } }}
+				jsx="<div>{badFn()}</div>"
+				renderError={renderError}
+			/>,
+		)
+		expect(renderError).toHaveBeenCalledWith({ error: 'Error: Test error' })
+	})
+
 	test('supports className prop', () => {
 		const { node } = render(<JsxParser className="foo" jsx="Text" />)
 		expect(node.classList.contains('foo')).toBeTruthy()

source/components/JsxParser.tsx

@@ -133,7 +133,16 @@ export default class JsxParser extends React.Component<TProps> {
 			return null
 		}
 
-		return parsed.map(p => this.#parseExpression(p)).filter(Boolean)
+		try {
+			return parsed.map(p => this.#parseExpression(p)).filter(Boolean)
+		} catch (error) {
+			if (this.props.showWarnings) console.warn(error) // eslint-disable-line no-console
+			if (this.props.onError) this.props.onError(error as Error)
+			if (this.props.renderError) {
+				return this.props.renderError({ error: String(error) })
+			}
+			throw error
+		}
 	}
 
 	/**