fix: build error (#305)

Author: Liam-Zhao

src/components/clusters/index.tsx

@@ -20,7 +20,7 @@ import SearchIcon from '@mui/icons-material/Search';
 import AddIcon from '@mui/icons-material/Add';
 import { getSchedulers, getSeedPeers, getClusters, getClustersResponse } from '../../lib/api';
 import styles from './index.module.css';
-import { useEffect, useMemo, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { getDatetime, getPaginatedList } from '../../lib/utils';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import MoreTimeIcon from '@mui/icons-material/MoreTime';
@@ -91,7 +91,7 @@ export default function Clusters() {
     })();
   }, []);
 
-  useMemo(() => {
+  useEffect(() => {
     cluster.sort((a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime());
     cluster.sort((a, b) => {
       if (a.is_default && !b.is_default) {

src/components/clusters/show.tsx

@@ -27,7 +27,7 @@ import {
   Stack,
   Divider,
 } from '@mui/material';
-import { useEffect, useMemo, useState } from 'react';
+import { useEffect, useState } from 'react';
 import {
   getSchedulers,
   getSeedPeers,
@@ -171,7 +171,7 @@ export default function ShowCluster() {
     })();
   }, [params.id]);
 
-  useMemo(() => {
+  useEffect(() => {
     scheduler.sort((a, b) => new Date(b.created_at).getTime() - new Date(a.created_at).getTime());
     scheduler.sort((a, b) => {
       if (a.state < b.state) {
@@ -193,7 +193,7 @@ export default function ShowCluster() {
     setAllSchedlers(currentPageData);
   }, [scheduler, schedulerPage]);
 
-  useMemo(() => {
+  useEffect(() => {
     seedPeer.sort((a, b) => new Date(b.created_at).getTime() - new Date(a.created_at).getTime());
     seedPeer.sort((a, b) => {
       if (a.state < b.state) {

src/components/developer/tokens/index.tsx

@@ -18,7 +18,7 @@ import {
   ThemeProvider,
   createTheme,
 } from '@mui/material';
-import { useState, useEffect, useContext, useMemo } from 'react';
+import { useState, useEffect, useContext } from 'react';
 import { getTokens, deleteTokens, getTokensResponse } from '../../../lib/api';
 import { formatDate, getPaginatedList } from '../../../lib/utils';
 import { useCopyToClipboard } from 'react-use';
@@ -93,7 +93,7 @@ export default function PersonalAccessTokens() {
     })();
   }, [user]);
 
-  useMemo(() => {
+  useEffect(() => {
     token.sort((a, b) => new Date(b.created_at).getTime() - new Date(a.created_at).getTime());
 
     const totalPage = Math.ceil(token.length / DEFAULT_PAGE_SIZE);

src/components/insight/peer/index.tsx

@@ -39,7 +39,7 @@ import { Bar, Pie } from 'react-chartjs-2';
 import { getPeers, getPeersResponse } from '../../../lib/api';
 import GetAppIcon from '@mui/icons-material/GetApp';
 import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';
-import { useEffect, useMemo, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { MAX_PAGE_SIZE } from '../../../lib/constants';
 import styles from './inde.module.css';
 import { LoadingButton } from '@mui/lab';
@@ -169,7 +169,7 @@ export default function Peer() {
     })();
   }, []);
 
-  useMemo(() => {
+  useEffect(() => {
     if (selectedGitVersion === 'All') {
       const gitVersion = Object.entries(
         peer.reduce<{ [key: string]: number }>((acc, curr) => {
@@ -212,7 +212,7 @@ export default function Peer() {
     }
   }, [selectedGitVersion, peer]);
 
-  useMemo(() => {
+  useEffect(() => {
     if (selectedGitCommit === 'All') {
       const filteredByCluster = selectedGitCommit
         ? peer.filter((item) => item.scheduler_cluster.name === selectedGitCommit)
@@ -296,7 +296,7 @@ export default function Peer() {
     }
   }, [selectedGitCommit, selectedGitCommitByVersion, peer]);
 
-  useMemo(() => {
+  useEffect(() => {
     const filteredByCluster = exportSelectedCluster
       ? peer.filter((item) => item.scheduler_cluster.name === exportSelectedCluster)
       : peer;

src/components/users/index.tsx

@@ -34,7 +34,7 @@ import {
   ThemeProvider,
   createTheme,
 } from '@mui/material';
-import { useEffect, useMemo, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { getUserRoles, getUsers, getUser, deleteUserRole, putUserRole } from '../../lib/api';
 import { makeStyles } from '@mui/styles';
 import { getDatetime, getPaginatedList } from '../../lib/utils';
@@ -129,7 +129,7 @@ export default function Users() {
     })();
   }, [userPage]);
 
-  useMemo(() => {
+  useEffect(() => {
     const totalPage = Math.ceil(users.length / DEFAULT_PAGE_SIZE);
     const currentPageData = getPaginatedList(users, userPage, DEFAULT_PAGE_SIZE);