diff --git a/packages/page-collator/src/useCollators.ts b/packages/page-collator/src/useCollators.ts
index 1f1f51378d..d7d54e4bab 100644
--- a/packages/page-collator/src/useCollators.ts
+++ b/packages/page-collator/src/useCollators.ts
@@ -74,8 +74,10 @@ function useCollatorImpl (): Collator[] | undefined {
     [state]
   );
 
+  // candidates was replaced by candidateList. This is for compatibility.
+  const candidateCall = api.query.collatorSelection.candidates || api.query.collatorSelection.candidateList;
   const invulnerables = useCall<Collator[]>(api.query.collatorSelection.invulnerables, [], OPT_INV);
-  const candidates = useCall<Collator[]>(api.query.collatorSelection.candidates, [], OPT_CAN);
+  const candidates = useCall<Collator[]>(candidateCall, [], OPT_CAN);
   const lastBlocks = useCall<Authored>(accountIds && api.query.collatorSelection.lastAuthoredBlock?.multi, [accountIds], OPT_AUT);
 
   useEffect(