@@ -1,4 +1,4 @@
1−import React, { useEffect, useCallback, useState } from 'react';
1+import React, { useEffect, useCallback, useMemo, useState } from 'react';
22import { Grid, Button } from 'indigo-react';
33import * as azimuth from 'azimuth-js';
44import {
@@ -89,7 +89,10 @@ export default function InviteCohort() {
8989 const [page, setPage] = useState(0);
9090
9191 const { construct, unconstruct, completed, bind } = useIssueChild();
92− const invitePoints: Invite[] = invites[point.value] || [];
92+ const invitePoints: Invite[] = useMemo(() => invites[point.value] || [], [
93+ invites,
94+ point,
95+ ]);
9396
9497 // Set up the invite spawn if on L1
9598 useEffect(() => {
@@ -233,14 +236,7 @@ export default function InviteCohort() {
233236 setInviteGeneratingNum(0);
234237 };
235238 generateAndDownload();
236− }, [
237− getInvites,
238− setError,
239− setLoading,
240− setInviteGeneratingNum,
241− currentL2,
242− point,
243− ]);
239+ }, [getInvites, setError, setLoading, setInviteGeneratingNum, point]);
244240
245241 const goNextPage = useCallback(() => {
246242 setPage(page + 1);