@renderizer/react

React adapter for Renderizer native Electron windows. It keeps one React runtime alive and renders React trees into additional native window documents using React portals.

import { RenderWindow } from '@renderizer/react'

<RenderWindow
  open={settingsOpen}
  onOpenChange={setSettingsOpen}
  windowId="settings-panel"
  configId="settings-panel"
  fallback="none"
>
  <SettingsPanel />
</RenderWindow>

Use a render function when the child needs native-window controls:

<RenderWindow open={open} onOpenChange={setOpen} windowId="inspector">
  {({ control, isMaximized }) => (
    <button onClick={() => control('toggle-maximize')}>
      {isMaximized ? 'Restore' : 'Maximize'}
    </button>
  )}
</RenderWindow>

RenderPortal renders floating UI into the overlay root belonging to the current window surface. The Electron main process and preload setup are the same as the Vue adapter, with imports changed to @renderizer/react/electron and @renderizer/react/preload.