Fragments do not get updated

[marcselman]

Hi,

I'm using the latest version 8.0.0.

I create my store like this:

let store = createStore(
    rootReducer,
    initialState,
    createStoreWithRouter({
        routes,
        pathname: '/',
        forServerRender: typeof window == 'undefined'
    })
);

And my root element is:

<RouterProvider store={store}>
    <Provider store={store}>
        <App />
    </Provider>
</RouterProvider>

I have some testing elements like this:

<div>
    <Link href='/messages'>Go messaging!</Link>
    <Fragment forRoute='/messages'>
        <div>
            We're messaging!
            <Link href='/'>Go home!</Link>
        </div>
    </Fragment>
</div>

When I click the link the URL changes but the fragment stays the same untill I manually force a rerender.

PS: Also it looks like Fragment can only have one child at max, why is that?

Thanks,
Marc

[dpwrussell]

To answer the PS. It can definitely take multiple children.

From https://facebook.github.io/react/docs/reusable-components.html

// Anything that can be rendered: numbers, strings, elements or an array
// (or fragment) containing these types.
optionalNode: React.PropTypes.node,

[marcselman]

I agree but somehow I receive an error when having more than one child:

<Fragment forRoute='/messages'>
    <div>more</div>
    <div>
        We're messaging!
        <Link href='/'>Go home!</Link>
    </div>
</Fragment>

Fragment(...): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object.

[marcselman]

Thanks to the just posted sample files I was able to find the problem.
I wrapped around but it should have been the other way around.
Now it works!

[tptee]

Glad that helped! Sorry I didn't get to this sooner!