React redux &引用；对象作为React子对象无效；有条件地连接组件时出现重复使用错误？

仅当环境变量

USE\u MOCK\u PROPS

设置为false时，我才尝试使用Redux加载组件。如果它是

true

，那么我将不使用Redux渲染组件，而是使用一些模拟道具

import React from "react";
import Page from "./page";
import { connect } from "react-redux";

const { USE_MOCK_PROPS } = process.env;

const mockProps = {
  foo: 'bar'
}

export default function() {
  if (USE_MOCK_PROPS) {
    return <Page {...mockProps} />;
  }
  const mapStateToProps = state => {
    return {
      state
    };
  };
  return connect(mapStateToProps)(Page);
}

从“React”导入React；
从“/Page”导入页面；
从“react redux”导入{connect}；
const{USE_MOCK_PROPS}=process.env；
常量mockProps={
福：“酒吧”
}
导出默认函数（）{
如果（使用模拟道具）{
返回；
}
常量mapStateToProps=状态=>{
返回{
状态
};
};
返回连接（mapStateToProps）（第页）；
}

非Redux部分工作正常，但在尝试使用Redux时，出现以下错误：

对象作为React子对象无效（找到：具有键的对象 {$$typeof，type，compare，WrappedComponent，displayName}）。如果你 要呈现子对象集合，请改用数组

从“React”导入React；
从“/Page”导入页面；
从“react redux”导入{connect}；
const{USE_MOCK_PROPS}=process.env；
常量mockProps={
福：“酒吧”
}
函数mockedComponent（）{
返回；
}
函数connectedComponent（）{
常量mapStateToProps=状态=>{
返回{
状态
};
};
返回连接（mapStateToProps）（第页）
}
导出默认使用模拟道具？mockedComponent:connectedComponent（）

import React from "react";
import Page from "./page";
import { connect } from "react-redux";

const { USE_MOCK_PROPS } = process.env;

const mockProps = {
  foo: 'bar'
}

function mockedComponent() {
  return <Page {...mockProps} />;
}

function connectedComponent() {
  const mapStateToProps = state => {
    return {
      state
    };
  };
  return connect(mapStateToProps)(Page)
}

export default USE_MOCK_PROPS ? mockedComponent : connectedComponent()