diff --git a/web/app.react.js b/web/app.react.js
--- a/web/app.react.js
+++ b/web/app.react.js
@@ -31,6 +31,7 @@
 import { infoFromURL } from 'lib/utils/url-utils.js';
 import { WagmiENSCacheProvider, wagmiClient } from 'lib/utils/wagmi-utils.js';
 
+import WebEditUserAvatarProvider from './avatars/web-edit-user-avatar-provider.react.js';
 import Calendar from './calendar/calendar.react.js';
 import Chat from './chat/chat.react.js';
 import { EditModalProvider } from './chat/edit-message-provider.js';
@@ -243,7 +244,9 @@
             </div>
           </div>
         </header>
-        <InputStateContainer>{mainContent}</InputStateContainer>
+        <InputStateContainer>
+          <WebEditUserAvatarProvider>{mainContent}</WebEditUserAvatarProvider>
+        </InputStateContainer>
         <div className={css.sidebar}>
           <CommunityPicker />
         </div>
diff --git a/web/avatars/web-edit-user-avatar-provider.react.js b/web/avatars/web-edit-user-avatar-provider.react.js
new file mode 100644
--- /dev/null
+++ b/web/avatars/web-edit-user-avatar-provider.react.js
@@ -0,0 +1,32 @@
+// @flow
+
+import * as React from 'react';
+
+import { BaseEditUserAvatarProvider } from 'lib/components/base-edit-user-avatar-provider.react.js';
+
+const displayAvatarUpdateFailureAlert = () =>
+  alert("Couldn't save avatar. Please try again later.");
+
+// TODO: Implement `selectFromGallery(...)` for `web`.
+const selectFromGallery = async () => null;
+
+// TODO: Implement `useUploadSelectedMedia(...)` for `web`.
+const useUploadSelectedMedia = () => async () => null;
+
+type Props = {
+  +children: React.Node,
+};
+function WebEditUserAvatarProvider(props: Props): React.Node {
+  const { children } = props;
+  return (
+    <BaseEditUserAvatarProvider
+      displayFailureAlert={displayAvatarUpdateFailureAlert}
+      selectFromGallery={selectFromGallery}
+      useUploadSelectedMedia={useUploadSelectedMedia}
+    >
+      {children}
+    </BaseEditUserAvatarProvider>
+  );
+}
+
+export default WebEditUserAvatarProvider;