Как отрендерить компонент переданный в Props?

Как отрендерить компонент из Props? Знаю про паттерны HOC и Render Props, но ни один не использовал.
Что мне нужно сделать с этим кодом чтобы мой компонент отрисовался?

// App.js
return (
<BlurBackground loading={loading} component={LoadingComponent}>
   <AnotherComponent />
</BlurBackground>
)
// BlurBackground.js
   const { loading, children, component } = this.props;
    return (
      <BlurWrapper loading={true}>
        {children}
        {component} // Вот этот должен рендериться
      </BlurWrapper>
    );