React-Router：失败的prop类型：在route中提供给Route的无效prop`component`

Question

I have no idea what the issue is here and have tried many other solutions but none work. Any help would be appreciated to fix this error. Thank you

"react-router": "^2.8.1"

dashboard.js (excerpt)

<div className="dash-container">
  {this.props.list}
  {this.props.job}
  {this.props.children}
</div>

routes.js (excerpt)

<Route path="/" component={App}>
  <IndexRoute component={Landing} />
  <Route path="dashboard" component={Dashboard}>
    <Route path="jobs" component={{ list: ListContainer }} />
    <Route path="jobs/:id" component={{ list: ListContainer, job: JobsDetails }} />
    <Route path="accounts" component={AccountsDetails} />
  </Route>
</Route>

server.js (excerpt)

<MuiThemeProvider muiTheme={getMuiTheme({ userAgent: 'all' })}>
  <Provider store={createStoreWithMiddleware(reducers)}>
    <RouterContext {...renderProps} />
  </Provider>
</MuiThemeProvider>

Answer 1

One component, multiple component s :

<Route path="/" component={App}>
  <IndexRoute component={Landing} />
  <Route path="dashboard" component={Dashboard}>
    <Route path="jobs" component={ListContainer} />
    <Route path="jobs/:id" components={{ list: ListContainer, job: JobsDetails }} />
    <Route path="accounts" component={AccountsDetails} />
  </Route>
</Route>