13 lines
374 B
TypeScript
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;
|
|
}
|