IntlProvider - no child components appearing - jestjs

Question

I am writing a test like so:
class Foo extends Component {
render() {
return (
<div data-test="foo-test">
<span data-test="foo-test">Bar</span>
</div>
)
}
}
describe('Login Page', () => {
test('logs in to the application', async () => {
const component = await componentBuilder(Foo, '[data-test="foo-test"]');
});
});
The componentBuilder looks like this:
const componentBuilder = async (RootComponent, selector) => {
try {
const component = mount(
<Wrapper store={store}>
<RootComponent />
</Wrapper>
);
console.log(component.debug());
if (selector) {
await waitForComponentSelector(selector, component);
}
return component;
} catch(err) {
throw err;
}
};
Wrapper looks like this:
class Wrapper extends Component {
...
render() {
return (
<Provider store={this.props.store}>
<LocaleProviderWrapper>
<ThemeProvider>{this.props.children}</ThemeProvider>
</LocaleProviderWrapper>
</Provider>
);
}
}
LocaleProviderWrapperlooks like this:
const LocaleProviderWrapper = ({ children, locale }) => {
...
return (
<IntlProvider locale={locale} messages={messages}>
{children}
</IntlProvider>
)
};
const propTypes = {
children: PropTypes.element.isRequired,
locale: PropTypes.string.isRequired,
};
LocaleProviderWrapper.propTypes = propTypes;
const mapStateToProps = state => ({
locale: getLoggedInUserLocale(state),
});
export default connect(mapStateToProps)(LocaleProviderWrapper);
The output from the console.log(component.debug()); in componentBuilder is:
<Wrapper store={{...}}>
<Provider store={{...}}>
<Connect(LocaleProviderWrapper)>
<LocaleProviderWrapper locale="en-GB" dispatch={[Function]}>
<IntlProvider locale="en-GB" messages={{...}} defaultLocale="en-GB" />
</LocaleProviderWrapper>
</Connect(LocaleProviderWrapper)>
</Provider>
</Wrapper>
As you can see, Foo does not appear as a child of <IntlProvider> which I would expect to see. Any reason why this is?