Inertia + React + Fancy UI needs the same boilerplate at every app root — Toast.Provider, fancy-screens' ScreenSystem, ECharts module registration. FancyAppRoot bundles it so a new app is two lines, not twenty.

A single wrapper component that mounts every cross-cutting provider Fancy UI expects, in the right order, with sensible defaults. Flags (withScreens, withECharts) let you opt out of pieces you don't need. Providers mount synchronously on first render — no lazy-import dance.

In your Inertia bootstrap, wrap <App ...> with <FancyAppRoot> inside createRoot().render(). That's the whole integration — every other Fancy UI primitive now works without further wiring.