module@warp-drive/react

Function ReactiveContext()

function ReactiveContext(__namedParameters: {
  children: ReactNode;
}): Element;

Defined in: -private/reactive-context.tsx:192

Re-renders its children when a WarpDrive signal they read changes. <Request /> already wraps its content in one; wrap any other component that reads reactive WarpDrive data, such as a record's fields.

The JS API example in Reactive Control Flow shows it wrapping a component that reads request state with getRequestState.

It accepts a single prop, children.

Parameters

__namedParameters

children

ReactNode

Returns

Element

Example

import { ReactiveContext } from "@warp-drive/react";

export function UserName({ user }: { user: User }) {
  return (
    <ReactiveContext>
      <span>{user.name}</span>
    </ReactiveContext>
  );
}