Files
beenvoice/apps/mobile/components/useClientOnlyValue.web.ts
soconnor d057ba208d Add 'apps/mobile/' from commit '5fa30f365f21531094cd4d2045042bb4f1370ac3'
git-subtree-dir: apps/mobile
git-subtree-mainline: 86f8987dff
git-subtree-split: 5fa30f365f
2026-08-16 21:42:59 -04:00

13 lines
374 B
TypeScript

import { useEffect, useState } from 'react';
// `useEffect` is not invoked during server rendering, meaning
// we can use this to determine if we're on the server or not.
export function useClientOnlyValue<S, C>(server: S, client: C): S | C {
const [value, setValue] = useState<S | C>(server);
useEffect(() => {
setValue(client);
}, [client]);
return value;
}