[Platform]: Use dependency in batching to force widget rerender (#616)

opentargets · Dec 10, 2024 · d786a19 · d786a19
1 parent ea62e69
commit d786a19
Show file tree

Hide file tree

Showing 8 changed files with 10 additions and 10 deletions.
diff --git a/packages/sections/src/credibleSet/GWASColoc/Body.tsx b/packages/sections/src/credibleSet/GWASColoc/Body.tsx
@@ -220,7 +220,7 @@ function Body({ studyLocusId, entity }: BodyProps): ReactElement {
     getData().then(r => {
       setRequest(r);
     });
-  }, []);
+  }, [studyLocusId]);
 
   return (
     <SectionItem

diff --git a/packages/sections/src/credibleSet/MolQTLColoc/Body.tsx b/packages/sections/src/credibleSet/MolQTLColoc/Body.tsx
@@ -234,7 +234,7 @@ function Body({ studyLocusId, entity }: BodyProps) {
     getData().then(r => {
       setRequest(r);
     });
-  }, []);
+  }, [studyLocusId]);
 
   return (
     <SectionItem

diff --git a/packages/sections/src/credibleSet/Variants/Body.tsx b/packages/sections/src/credibleSet/Variants/Body.tsx
@@ -211,7 +211,7 @@ function Body({
     getData().then(r => {
       setRequest(r);
     });
-  }, []);
+  }, [studyLocusId]);
 
   const columns = getColumns({
     leadVariantId,

diff --git a/packages/sections/src/disease/GWASStudies/Body.tsx b/packages/sections/src/disease/GWASStudies/Body.tsx
@@ -136,7 +136,7 @@ function Body({ id: efoId, label: diseaseName }: BodyProps): ReactElement {
     getData().then(r => {
       setRequest(r);
     });
-  }, []);
+  }, [efoId]);
 
   return (
     <SectionItem

diff --git a/packages/sections/src/study/GWASCredibleSets/Body.tsx b/packages/sections/src/study/GWASCredibleSets/Body.tsx
@@ -179,7 +179,7 @@ function Body({ id, entity }: BodyProps): ReactElement {
     getData().then(r => {
       setRequest(r);
     });
-  }, []);
+  }, [id]);
 
   return (
     <SectionItem

diff --git a/packages/sections/src/study/SharedTraitStudies/Body.tsx b/packages/sections/src/study/SharedTraitStudies/Body.tsx
@@ -90,8 +90,8 @@ function getColumns(diseaseIds: string[]) {
         getStudyCategory(projectId) === "FINNGEN"
           ? "FinnGen"
           : cohorts?.length
-          ? cohorts.join(", ")
-          : null,
+            ? cohorts.join(", ")
+            : null,
     },
     {
       id: "publication",
@@ -139,7 +139,7 @@ export function Body({ studyId, diseaseIds }: BodyProps): ReactElement {
     getData().then(r => {
       setRequest(r);
     });
-  }, []);
+  }, [studyId]);
 
   const columns = getColumns(diseaseIds);
 

diff --git a/packages/sections/src/variant/GWASCredibleSets/Body.tsx b/packages/sections/src/variant/GWASCredibleSets/Body.tsx
@@ -262,7 +262,7 @@ function Body({ id, entity }: BodyProps) {
     getAllGwasData().then(r => {
       setRequest(r);
     });
-  }, []);
+  }, [id]);
 
   return (
     <SectionItem

diff --git a/packages/sections/src/variant/QTLCredibleSets/Body.tsx b/packages/sections/src/variant/QTLCredibleSets/Body.tsx
@@ -233,7 +233,7 @@ function Body({ id, entity }: BodyProps): ReactNode {
     getAllQtlData().then(r => {
       setRequest(r);
     });
-  }, []);
+  }, [id]);
 
   return (
     <SectionItem