reactjs - How can I avoid unmounting the component on on redirect to another component? -

how can avoid unmounting component on on redirect component? here code render in app component

<sidemenu isopen={appmenushown} menu={<menu />} onchange={appshowmenu}>         <page pattern="/" component={homepage} />         <page pattern="/todos" component={todospage} />         <match           pattern="/"           render={({ location: { pathname } }) => {             const urls = ['/', '/todos'];             if (urls.indexof(pathname) !== -1) return null;             return <redirect to="/" />;           }}         />       </sidemenu> 

page component

const page = (   {     component: component,     exactly,     intl,     pattern,   }: pageprops, ) => (   <match     exactly={exactly}     pattern={pattern}     render={renderprops => (       <box         // need flex , backgroundcolor cover sidemenu.         backgroundcolor="white"         flex={1}       >         {titles[pattern] &&           <header title={intl.formatmessage(titles[pattern])} />}         <box flex={1}>           <alert />           <component {...renderprops} />         </box>       </box>     )}   /> ); 

when go todos page, unmount called homepage component. why? how can avoid it? please me