diff --git a/changes/27475-fix-query-page-selection-clear b/changes/27475-fix-query-page-selection-clear new file mode 100644 index 0000000000..a950b929c1 --- /dev/null +++ b/changes/27475-fix-query-page-selection-clear @@ -0,0 +1 @@ +- Fixed an issue where selections made on the Queries page were cleared a few seconds after page load. \ No newline at end of file diff --git a/frontend/pages/queries/ManageQueriesPage/ManageQueriesPage.tsx b/frontend/pages/queries/ManageQueriesPage/ManageQueriesPage.tsx index a407596d87..2c261ded04 100644 --- a/frontend/pages/queries/ManageQueriesPage/ManageQueriesPage.tsx +++ b/frontend/pages/queries/ManageQueriesPage/ManageQueriesPage.tsx @@ -1,4 +1,10 @@ -import React, { useContext, useCallback, useEffect, useState } from "react"; +import React, { + useContext, + useCallback, + useEffect, + useMemo, + useState, +} from "react"; import { InjectedRouter } from "react-router"; import { useQuery } from "react-query"; import { pick } from "lodash"; @@ -162,7 +168,10 @@ const ManageQueriesPage = ({ } ); - const enhancedQueries = queriesResponse?.queries.map(enhanceQuery); + // Enhance the queries from the response when they are changed. + const enhancedQueries = useMemo(() => { + return queriesResponse?.queries.map(enhanceQuery) || []; + }, [queriesResponse]); const queriesAvailableToAutomate = (teamIdForApi !== API_ALL_TEAMS_ID