Debugging the bridge

Turn on debug logging

Project Settings → Plugins → Unreal React Bridge → Debug Mode → true. The Output Log will trace every bridge event.

The React <UnrealDevPanel>

import { UnrealDevPanel } from 'unreal-react-bridge';

{import.meta.env.DEV && <UnrealDevPanel position="bottom-right" />}

A floating panel showing: bridge status, initial-state dump, in/out event log, manual bridge.send form. Gate it behind a dev flag in production.

EventMonitor (devtools API)

For programmatic logging:

import { EventMonitor } from 'unreal-react-bridge';
const mon = new EventMonitor();
mon.start();
// ... later
console.table(mon.getEvents());

Reading errors

Bind OnBridgeError(FBridgeErrorInfo) on the HUD widget. ErrorType is EBridgeErrorType:

ErrorType	Meaning
WebBrowserNull	WebBrowser widget not found (check Designer name is exactly WebBrowser).
ReactNotReady	Sent before lifecycle step 4 (see Lifecycle).
JSONParseError	JsonData argument is not valid JSON.
JavaScriptError	Script error in the loaded page; check DevTools.
EventQueueFull	Increase MaxEventQueueSize (default 100) or send less before ready.
NetworkError	Page failed to load; check URL / dev server.

See also: React devtools reference, Types reference, Settings reference.