NavBar/Footer are hidden on dynamic routes in production

I have this Paths file:

import {
  Register,
} from '../components/pages/'
import StaticRoutes from 'react-static-routes'

const Paths = (
  <Switch>
    <Route exact path="/registro" component={Register} />
    <StaticRoutes />
  </Switch>

export default Paths

My Pages index:

import universal from 'react-universal-component'

const Login = universal(import('./auth/login/'))
const Register = universal(import('./auth/register/'))

export {
  Register
}

And my App.js

const App = () => (
  <Provider store={store}>
    <Router>
      <ThemeProvider theme={theme}>
        <div className="content">
          <NavBar />
          <div className="emp-container">{Paths}</div>
          <Footer />
          <Modal />
        </div>
      </ThemeProvider>
    </Router>
  </Provider>
)

export default hot(module)(App)

In localhost all work fine. But in production (react-static build), when i navigate to dynamic route, only render the <div className="emp-container">{Paths}</div> and <NavBar />, <Footer />, <Modal /> dont are rendered (It do not appear in html inspector). With static routes all works fine.

Versions:

"react": "^16.0.0",
"react-static": "^5.9.7",

[tannerlinsley]

withRouteData and RouteData only need to be inside the <Router> component. If all you are looking for is the history object though, you can get it with the withRouter HOC.

import { withRouter } from 'react-static' // or react-router

withRouter(({ history }) => (
  // use history
))

[luisfuertes]

@tannerlinsley only in withRouteData connected components? Or in all files, like redux actions file?

You can try it in: https://github.com/luisfuertes/react-static-demo