useSettings: useMemo

src/hooks/useSettings.ts

@@ -1,3 +1,5 @@
+import { useMemo } from 'react';
+
 import { getSettings } from 'soapbox/actions/settings';
 import { settingsSchema } from 'soapbox/schemas/soapbox/settings';
 
@@ -6,5 +8,5 @@ import { useAppSelector } from './useAppSelector';
 /** Get the user settings from the store */
 export const useSettings = () => {
   const data = useAppSelector((state) => getSettings(state));
-  return settingsSchema.parse(data.toJS());
+  return useMemo(() => settingsSchema.parse(data.toJS()), [data]);
 };