Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | 1x 1x 1x 23x 23x 23x 23x 23x 23x 23x 23x | // Libs
import { useSyncExternalStore } from 'react';
// Stores
import { chatStore } from '@/stores';
/**
* Custom React hook to read values from chatStore.
*/
export function useChatStore<T>(
selector: (state: ReturnType<typeof chatStore.getState>) => T,
): T {
return useSyncExternalStore(
chatStore.subscribe, // listen to store changes
() => selector(chatStore.getState()), // get current state
() => selector(chatStore.getState()), // initial state used for SSR & hydration
);
}
|