如何在我的应用程序中编写reduConnect和使用Cookie

我在react应用程序中使用react-cookies和react-redux，并试图组合它们，但当我这样做时，我收到了以下错误：

必须将组件传递给connect返回的函数。相反已接收｛｝

下面是我的代码：

//index.js
ReactDOM.render(
<CookiesProvider>
<Provider store={store}>
<ConnectedRouter history={history}>
<App />
</ConnectedRouter>
</Provider>
</CookiesProvider>,
document.querySelector("#root") //Id root at index.html
);
//App.js
class App extends Component {
componentDidMount() {
this.props.fetchUser();
}
render() {
return (
<div>
<BrowserRouter>
<div className="container">
<Route exact path="/" render={() => (<Login cookies={this.props.cookies}/>)} />
<Route exact path="/surveys" render={() => (<Landing cookies={this.props.cookies}/>)} />
<Route exact path="/login" component={Landing} />
<Route exact path="/surveys/new" component={SurveyNew} />
</div>
</BrowserRouter>
</div>
);
}
}
export default connect(
null,
actions
)(withCookies(App));