fix: mobx warnings and react render phase set state error

packages/web/src/javascripts/Components/Tags/TagsListItem.tsx

@@ -80,12 +80,11 @@ export const TagsListItem: FunctionComponent<Props> = observer(
     const toggleChildren: MouseEventHandler = useCallback(
       (e) => {
         e.stopPropagation()
-        setShowChildren((x) => {
-          tagsState.setExpanded(tag, !x)
-          return !x
-        })
+        const shouldShowChildren = !showChildren
+        setShowChildren(shouldShowChildren)
+        tagsState.setExpanded(tag, !shouldShowChildren)
       },
-      [setShowChildren, tag, tagsState],
+      [showChildren, tag, tagsState],
     )
 
     const selectCurrentTag = useCallback(async () => {

packages/web/src/javascripts/Controllers/ItemList/ItemListController.ts

@@ -214,6 +214,8 @@ export class ItemListController
 
       optionsSubtitle: computed,
       activeControllerItem: computed,
+
+      hydrateFromPersistedValue: action,
     })
 
     window.onresize = () => {

packages/web/src/javascripts/Controllers/SelectedItemsController.ts

@@ -192,7 +192,7 @@ export class SelectedItemsController
 
   private replaceSelection = (item: ListableContentItem): void => {
     this.deselectAll()
-    this.setSelectedUuids(this.selectedUuids.add(item.uuid))
+    runInAction(() => this.setSelectedUuids(this.selectedUuids.add(item.uuid)))
 
     this.lastSelectedItem = item
   }