[B] Even more useFromStore migrations

Author: 1aurend

client/src/backend/containers/project/collaborators/Add.js

@@ -10,9 +10,9 @@ import { useFromStore } from "hooks";
 export default function AddCollaboratorContainer({ projectId, refresh }) {
   const { t } = useTranslation();
   const { id } = useParams();
-  const collaborator = useFromStore(
-    `entityStore.entities.flattenedCollaborators.${id}`
-  );
+  const collaborator = useFromStore({
+    path: `entityStore.entities.flattenedCollaborators.${id}`
+  });
 
   return (
     <section>

client/src/backend/containers/text/collaborators/Add.js

@@ -10,9 +10,9 @@ import { useFromStore } from "hooks";
 export default function AddCollaboratorContainer({ textId, refresh }) {
   const { t } = useTranslation();
   const { id } = useParams();
-  const collaborator = useFromStore(
-    `entityStore.entities.flattenedCollaborators.${id}`
-  );
+  const collaborator = useFromStore({
+    path: `entityStore.entities.flattenedCollaborators.${id}`
+  });
 
   return (
     <section>

client/src/global/components/Annotation/Annotation/TextContent/FromNodes/index.js

@@ -28,9 +28,9 @@ function AnnotationWithNodes({
   );
 
   const { sectionId } = useParams();
-  const bodyJSON = useFromStore(
-    `entityStore.entities.textSections["${sectionId}"].attributes.bodyJSON`
-  );
+  const bodyJSON = useFromStore({
+    path: `entityStore.entities.textSections["${sectionId}"].attributes.bodyJSON`
+  });
 
   const length = selection?.replace("\n", " ")?.length;
   /* eslint-disable no-nested-ternary */
@@ -68,12 +68,12 @@ function AnnotationWithNodes({
   const nodesToRender =
     finalStack?.children ?? finalStack?.content ? [finalStack] : undefined;
 
-  const activeGroup = useFromStore(
-    `ui.persistent.reader.readingGroups.currentAnnotatingReadingGroup`
-  );
-  const memberships = useFromStore(
-    `entityStore.entities.readingGroupMemberships`
-  );
+  const activeGroup = useFromStore({
+    path: `ui.persistent.reader.readingGroups.currentAnnotatingReadingGroup`
+  });
+  const memberships = useFromStore({
+    path: `entityStore.entities.readingGroupMemberships`
+  });
   const membership =
     typeof memberships === "object"
       ? Object.keys(memberships)?.find(