Universal DevTools Kit SDK

---

Universal DevTools Kit SDK / @u-devtools/kit / react / useBridgeState

Function: useBridgeState()

useBridgeState<T>(syncedState): [T, (value) => void]

Defined in: react.ts:30

React adapter for SyncedState. Converts SyncedState to React state with two-way synchronization.

Type Parameters

Type Parameter	Description
T	State value type

Parameters

Parameter	Type	Description
syncedState	SyncedState<T>	SyncedState instance to synchronize

Returns

[T, (value) => void]

Tuple [value, setValue] for use in React components

Example

import { useBridgeState } from '@u-devtools/kit/react';
import { AppBridge } from '@u-devtools/core';

// Create bridge and state
const bridge = new AppBridge('my-plugin');
const isOpen = bridge.state('isOpen', false);

// In component
function MyComponent() {
  const [isOpenValue, setIsOpen] = useBridgeState(isOpen);
  
  // Use isOpenValue and setIsOpen in your component
  return <div>{isOpenValue ? 'ON' : 'OFF'}</div>;
}