mirror of
https://github.com/vector-im/element-call.git
synced 2026-01-30 03:15:55 +00:00
b3863748dc
This hook is simpler in its implementation (therefore hopefully more correct & performant) and enforces a type-level distinction between raw Observables and Behaviors.
26 lines
712 B
TypeScript
26 lines
712 B
TypeScript
/*
|
|
Copyright 2025 New Vector Ltd.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE in the repository root for full details.
|
|
*/
|
|
|
|
import { useCallback, useSyncExternalStore } from "react";
|
|
|
|
import { type Behavior } from "./state/Behavior";
|
|
|
|
/**
|
|
* React hook which reactively reads the value of a behavior.
|
|
*/
|
|
export function useBehavior<T>(behavior: Behavior<T>): T {
|
|
const subscribe = useCallback(
|
|
(onChange: () => void) => {
|
|
const s = behavior.subscribe(onChange);
|
|
return (): void => s.unsubscribe();
|
|
},
|
|
[behavior],
|
|
);
|
|
const getValue = useCallback(() => behavior.value, [behavior]);
|
|
return useSyncExternalStore(subscribe, getValue);
|
|
}
|