fix: roles api not fetch

src/pages/Membership/Membership.js

@@ -1,31 +1,12 @@
 import React, {useContext, useEffect, useState} from "react";
-import {
+import {Button, Card, Col, Divider, Form, Input, List, message, Modal, Row, Select, Space, Table, Tag,} from "antd";
-  Button,
-  Card,
-  Col,
-  Divider,
-  Form,
-  Input,
-  List,
-  message,
-  Modal,
-  Row,
-  Select,
-  Space,
-  Table,
-  Tag,
-} from "antd";
 import {useStore} from "../../utils/useStore";
 import {observer} from "mobx-react-lite";
-import {
+import {DownloadOutlined, PlusSquareOutlined,} from "@ant-design/icons";
-  DownloadOutlined,
-  ExclamationCircleOutlined,
-  PlusSquareOutlined,
-} from "@ant-design/icons";
 import {MembershipModal} from "./MembershipModal";
 import {BreadcumbComponent} from "../../component/BreadcumbComponent";
 import {LINKS} from "../../routes/app";
-import { Link, useHistory } from "react-router-dom";
+import {useHistory} from "react-router-dom";
 import {ModalLoaderContext} from "../../utils/modal";
 
 const {Search} = Input;
@@ -357,7 +338,7 @@ export const Membership = observer(() => {
                 store.membership.pageSize = page.pageSize;
                 store.membership.page = pageNumber - 1;
                 modalLoader.setLoading(true);
-                //await getData();
+                await getData();
                 modalLoader.setLoading(false);
               }}
             />

src/store/role.js

@@ -2,8 +2,8 @@ import {makeAutoObservable} from "mobx";
 import {http} from "../utils/http";
 
 export class Role {
-  page = null;
+  page = 0;
-  pageSize = null;
+  pageSize = 10;
   data = [];
   total_data = 0;