Fallback UI throws React error and does not render fallback UI

[hsdonkin]

As titled, Fallback UI does not render using fallbackUI prop on <ErrorBoundary /> component.

Using React 17.0.2 and Next.js 11.1.0.

The tag <fallbackUI> is unrecognized in this browser.
If you meant to render a React component, start its name with an uppercase letter.

[bondom]

@hsdonkin I got the same error when I tried to pass rendered react component in fallbackUI prop, which seems to be incorrect:

<ErrorBoundary
                    level={LEVEL_ERROR}
                    fallbackUI={<MyComponent />}

Instead try to pass just name of your component, or use function:

<ErrorBoundary
                    level={LEVEL_ERROR}
                    fallbackUI={MyComponent}

or

<ErrorBoundary
                    level={LEVEL_ERROR}
                    fallbackUI={() => (<MyComponent />)}

[waltjones]

This is now published in v0.10.0. https://github.com/rollbar/rollbar-react/releases/tag/v0.10.0