diff --git a/web/avatars/edit-thread-avatar.react.js b/web/avatars/edit-thread-avatar.react.js
--- a/web/avatars/edit-thread-avatar.react.js
+++ b/web/avatars/edit-thread-avatar.react.js
@@ -4,11 +4,8 @@
 import * as React from 'react';
 
 import { EditThreadAvatarContext } from 'lib/components/base-edit-thread-avatar-provider.react.js';
-import { threadHasPermission } from 'lib/shared/thread-utils.js';
-import type {
-  ThreadInfo,
-  RawThreadInfo,
-} from 'lib/types/minimally-encoded-thread-permissions-types.js';
+import { useThreadHasPermission } from 'lib/shared/thread-utils.js';
+import type { ThreadInfo } from 'lib/types/minimally-encoded-thread-permissions-types.js';
 import { threadPermissions } from 'lib/types/thread-permission-types.js';
 
 import EditThreadAvatarMenu from './edit-thread-avatar-menu.react.js';
@@ -16,7 +13,7 @@
 import ThreadAvatar from './thread-avatar.react.js';
 
 type Props = {
-  +threadInfo: RawThreadInfo | ThreadInfo,
+  +threadInfo: ThreadInfo,
   +disabled?: boolean,
 };
 function EditThreadAvatar(props: Props): React.Node {
@@ -26,7 +23,7 @@
   const { threadAvatarSaveInProgress } = editThreadAvatarContext;
 
   const { threadInfo } = props;
-  const canEditThreadAvatar = threadHasPermission(
+  const canEditThreadAvatar = useThreadHasPermission(
     threadInfo,
     threadPermissions.EDIT_THREAD_AVATAR,
   );