Show composer on public rooms after signing in

src/hooks/useDeepCompareRef.ts

@@ -0,0 +1,24 @@
+import { useRef } from 'react';
+import isEqual from 'lodash/isEqual';
+
+/**
+ * This hook returns a reference to the provided value,
+ * but only updates that reference if a deep comparison indicates that the value has changed.
+ *
+ * This is useful when working with objects or arrays as dependencies to other hooks like `useEffect` or `useMemo`,
+ * where you want the hook to trigger not just on reference changes, but also when the contents of the object or array change.
+ *
+ * @example
+ * const myArray = // some array
+ * const deepComparedArray = useDeepCompareRef(myArray);
+ * useEffect(() => {
+ *   // This will run not just when myArray is a new array, but also when its contents change.
+ * }, [deepComparedArray]);
+ */
+export default function useDeepCompareRef<T>(value: T): T | undefined {
+  const ref = useRef<T>();
+  if (!isEqual(value, ref.current)) {
+    ref.current = value;
+  }
+  return ref.current;
+}

src/pages/home/ReportScreen.tsx

@@ -52,6 +52,7 @@
 import ReportFooter from './report/ReportFooter';
 import type {ActionListContextType, ReactionListRef, ScrollPosition} from './ReportScreenContext';
 import {ActionListContext, ReactionListContext} from './ReportScreenContext';
+import useDeepCompareRef from '@hooks/useDeepCompareRef';
 
 type ReportScreenOnyxPropsWithoutParentReportAction = {
     /** Get modal status */
@@ -168,6 +169,8 @@
     const isReportOpenInRHP = useIsReportOpenInRHP();
     const {isSmallScreenWidth} = useWindowDimensions();
     const shouldUseNarrowLayout = isSmallScreenWidth || isReportOpenInRHP;
+    const permissions = useDeepCompareRef(reportProp?.permissions);
+
     /**
      * Create a lightweight Report so as to keep the re-rendering as light as possible by
      * passing in only the required props.
@@ -215,7 +218,7 @@
             isOptimisticReport: reportProp?.isOptimisticReport,
             lastMentionedTime: reportProp?.lastMentionedTime,
             avatarUrl: reportProp?.avatarUrl,
-            permissions: reportProp?.permissions,
+            permissions,
             invoiceReceiver: reportProp?.invoiceReceiver,
         }),
         [
@@ -256,7 +259,7 @@
             reportProp?.isOptimisticReport,
             reportProp?.lastMentionedTime,
             reportProp?.avatarUrl,
-            reportProp?.permissions,
+            permissions,
             reportProp?.invoiceReceiver,
         ],
     );