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

plasmic-host

PlasmicHost.isPlasmicHost = true
export default PlasmicHost

_app

const inEditor = (Component as any).isPlasmicHost

...
<Layout render={inEditor}>...

Layout

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

all pseudocode