diff --git a/lib/components/fid-provider.react.js b/lib/components/fid-provider.react.js
new file mode 100644
--- /dev/null
+++ b/lib/components/fid-provider.react.js
@@ -0,0 +1,26 @@
+// @flow
+
+import * as React from 'react';
+
+type FIDContextType = {
+ +setFID: string => void,
+ +fid: ?string,
+};
+
+const FIDContext: React.Context =
+ React.createContext();
+
+type Props = {
+ +children: React.Node,
+};
+function FIDProvider(props: Props): React.Node {
+ const [fid, setFID] = React.useState();
+
+ const context = React.useMemo(() => ({ fid, setFID }), [fid]);
+
+ return (
+ {props.children}
+ );
+}
+
+export { FIDContext, FIDProvider };
diff --git a/native/root.react.js b/native/root.react.js
--- a/native/root.react.js
+++ b/native/root.react.js
@@ -27,6 +27,7 @@
import { EditUserAvatarProvider } from 'lib/components/edit-user-avatar-provider.react.js';
import { ENSCacheProvider } from 'lib/components/ens-cache-provider.react.js';
import { FarcasterDataHandler } from 'lib/components/farcaster-data-handler.react.js';
+import { FIDProvider } from 'lib/components/fid-provider.react.js';
import IntegrityHandler from 'lib/components/integrity-handler.react.js';
import KeyserverConnectionsHandler from 'lib/components/keyserver-connections-handler.js';
import { MediaCacheProvider } from 'lib/components/media-cache-provider.react.js';
@@ -314,42 +315,44 @@
-
-
-
-
-
-
-
-
-
-
- {gated}
-
-
-
-
-
-
-
-
- {navigation}
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+ {gated}
+
+
+
+
+
+
+
+
+ {navigation}
+
+
+
+
+
+
+
+