Sheraff

{
  "scripts": [],
  "styles": [],
  "themePreview": false,
  "layout": "splitLeft"
}

Sheraff

{
  "scripts": [],
  "styles": [],
  "themePreview": false
}

Sheraff

{
  "scripts": [],
  "styles": []
}

Sheraff

{
  "scripts": [],
  "styles": [],
  "themePreview": false
}

Sheraff

{
  "scripts": [],
  "styles": [],
  "themePreview": false
}

Sheraff

<p>One tab (navigation context) can control the navigation of another. Try clicking one of these links, come back here, and click the other.
	<ul>
		<li><a href="https://picsum.photos/200/300" target="picsum">vertical</a></li>
		<li><a href="https://picsum.photos/300/200" target="picsum">horizontal</a></li>
	</ul>
<p>This can be prevented by the targeted context by setting the <code>cross-origin-opener-policy: same-origin</code> HTTP header
	<ul>
		<li><a href="https://www.louvre.fr/" target="louvre">louvre.fr</a></li>
		<li><a href="https://www.louvre.fr/visiter" target="louvre">louvre.fr/visiter</a></li>
	</ul>

Sheraff

{
  "scripts": [],
  "showConsole": true
}

Sheraff

import { createContext, useContext } from 'react'

/**
 * @example
 * // in ComponentController.jsx
 * const Loadable = dynamicImportWithPureLoaderProps((getProps) => dynamic(
 *   () => import('./ComponentWithHooks'),
 *   {
 *     loading: () => <ComponentPure {...getProps()} />,
 *     ssr: false,

Sheraff

{
  "scripts": [],
  "styles": []
}

Sheraff

{
  "scripts": [],
  "styles": []
}