My nav bar and footer are appearing in Plasmic Studio

Hi everyone, i host my plasmic app on my next.js app, only one problem when i go on plasmic i have my nav bar and footer that appear above my page in plasmic, how can i disabled it ?

You need to make a conditional Layout component, and bypass it if it’s being rendered from plasmic. it’s a pain but it’s fine


PlasmicHost.isPlasmicHost = true
export default PlasmicHost


const inEditor = (Component as any).isPlasmicHost

<Layout render={inEditor}>...


inEditor ? <>{props.children}</> : <><Header />{props.children}</Footer>

all pseudocode