modalをdynamic importする

例えばmodalに対してやる場合はこう書かないと意味ない

code:ts

const Modal = dynamic(() => import('Modal'));

const Main = () => {

return (

<div>

<Modal/> // これでは意味ない

<Contensts/>

</div>

)

}

code:ts

const Modal = dynamic(() => import('Modal'));

const Main = () => {

const isOpen = ...

return (

<div>

{isOpen && <Modal/>} // こうする

<Contensts/>

</div>

)

}

isOpenの判定をModalの中でやってようといみない

当然といえば当然

でもこうすると、Modalに関係なくMainが再renderingされちゃうな