Login form disappear on update

[yanickrochon]

Using [email protected]+, and std:[email protected], have have this route set up

FlowRouter.route("/login", {
  action() {
    mount(LoginLayout, {
      loginForm: <Accounts.ui.LoginForm />
    });
  }
});

And whenever the URI changes (say adding #foo), the route's action gets executed again, but the loginForm is not rendered anymore.

[fIa5h]

+1

[fIa5h]

@yanickrochon what does your entire routes.jsx file look like? Is this happening when you're passing it to nested routes? If so, try re-rendering the form like so:

var authenitcatedRoutes = FlowRouter.group({prefix: "/app", name: "app"});

// handling /app
authenitcatedRoutes.route('/', {
    name: 'app',
    action: function() {
        mount(App, {
            content: () => (
                <Page userControls={< Accounts.ui.LoginForm />}/>
            )
        });
    }
});

// handling /app/anotherPage
authenitcatedRoutes.route('/anotherPage', {
    name: 'app.anotherPage',
    action: function() {
        mount(App, {
            content: () => (
                <AnotherPage userControls={< Accounts.ui.LoginForm />}/>
            )
        });
    }
});

Also, you have import React from 'react' in your routes.jsx and have npm installed react-dom?