Routes break after clicking first link

[jachenry]

I have an issue where the client side routes break after navigating to a single link. From then on the path changes in the address bar but nothing gets updated on the screen. All the Handlers are returning standard React components without wrapping with Resolvers.

package.json

    "react": "0.13.3",
    "react-router": "0.13.3",
    "react-resolver": "^2.0.4",
    "react-router-server-location": "^2.0.0",

Routes.js

    <Route path="/" handler={Main}>
        <DefaultRoute handler={Home} />
        <Route name="signin" path="/signin" handler={Signin}/>
        <Route name="signup" path="/signup" handler={Signup}/>
        <Route name="forgot_password" path="/users/password" handler={ForgotPassword}/>
        <Route name="reset_password" path="/users/password/edit" handler={ResetPassword}/>
        <Route name="account" path="/account/profile" handler={AccountNavigation}>
            <DefaultRoute name="account_profile" handler={AccountProfile} />
            <Route name="account_settings" path="/account/settings" handler={AccountSettings} />
        </Route>
    </Route>

client.js

Router.run(routes, Router.HistoryLocation, (Root) => {
    Resolver.render(() => <Root />, document.getElementById("react-root"));
});

[ericclemmons]

Thanks for the detailed report!

I think I'll have to create a "plain" example as you've described with no @resolve decorators to replicate this.

Which means, there's also no need for you to do Resolver.render then, since there's nothing to resolve. React.render(<Root />) will suffice.

Are there any errors in your console at all?

[jachenry]

Switching to React.render(...) solved the issue.

Router.run(routes, Router.HistoryLocation, (Root) => {
    React.render(<Root />, document.getElementById("react-root"))
    //Resolver.render(() => <Root />, document.getElementById("react-root"));
});

[ericclemmons]

@jachenry Let me know if everything goes back to normal once you start decorating components.

I'm re-opening because this is an edge-case that I still find peculiar...

[ericclemmons]

Actually, this looks related to #78.

It's a regression. Thanks for letting me know!

[benbonnet]

Where is the regression happening ? Was stuck too.

Without the Resolver.render as jack henry did, the page loads, then the data appears after being fetched… but you still have server side rendering °_° ! How come ?

[ericclemmons]

I'll be working on this stuff today.

[ericclemmons]

To be honest, I can't figure out how this is an issue with the Resolver & can only confirm it's an issue with React Router v0.13.3:

It's not a problem with React Router v1.0.0-beta3:

I just opened remix-run/react-router#1833 for help on this & will re-open this issue as needed...