尝试动态包含SSR包的组件时，函数作为React子级无效

Question

在我的快速路由中，我正在尝试传递一个要在渲染函数中使用的组件，该组件处理 SSR。

快速路线：

import SettingsConnected from '../../../client/components/settings/settings-connected';

function accountTab(req, res, next) {
  sendToRenderApp(req, res, { profileInfo }, url, SettingsConnected);
}

渲染助手：

export const sendToRenderApp = (req, res, storeObj = {}, urlPath, componentFunc) => {
  const store = configureStore(storeObj);
  const dynamicComponent = componentFunc;

  const component = (
    <Provider store={store}>
      <React.Fragment>
        <dynamicComponent />
      </React.Fragment>
    </Provider>
  );

  const sheet = new ServerStyleSheet();
  const app = renderToString(sheet.collectStyles(component));

错误：

“警告：函数作为React子函数无效。如果您返回组件而不是从渲染中返回，可能会发生这种情况。或者您可能打算调用此函数而不是返回它。”

我已经看过的东西包括下面的这个答案，但是我不确定如何将这样一个函数封装在提供者组件中(我是这么认为的)？

函数作为React子函数无效。如果返回组件而不是从渲染返回组件，则可能会发生这种情况

Answer 1

回答自己的问题：原来是客户水合物的问题。上面的这段代码一直都很好 - ：facepalm：