import React from 'react' ; import styled from '@emotion/styled' ; import { ScreenHelmet , useNavigator } from '@karrotframe/navigator' ; import ListItem from '../ListItem' ; const PageReplace = ( ) => { const { replace , push } = useNavigator ( ) ; return ( < Container > < ScreenHelmet title = "Replace" / > < ListItem onClick = { ( ) => { replace ( '/pop' ) ; } } > replace ( ) < /ListItem> < ListItem onClick = { ( ) => { replace ( '/pop' , { animate : true , } ) ; } } > replace ( ) w / animate : true < /ListItem> < ListItem onClick = { ( ) => { push ( '/replaceInUseEffect' , { } ) ; } } > replace ( ) in useEffect < /ListItem> < /Container>); } ; const Container = styled . div `` ; export default PageReplace ;