Add 'apps/mobile/' from commit '5fa30f365f21531094cd4d2045042bb4f1370ac3'

git-subtree-dir: apps/mobile
git-subtree-mainline: 86f8987dff
git-subtree-split: 5fa30f365f

apps/mobile/components/useClientOnlyValue.web.ts

@@ -0,0 +1,12 @@
+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;
+}