In server side pagination, we have page size options 5, 10, 20.

page size options

I changed the page size option 20 then I open the modal it changed the page size option 5. How to resolve this issue.

const getAllData = (query) => new Promise((resolve) => {
          // prepare the data:
          let url = `${endPoints.profile.getAll}?`;
          if (query.search) {
            url += `name=${query.search}`;
          }
          url += `&page=${query.page + 1}`;
          url += `&limit=${query.pageSize}`;
    
          Api.get(url).then((resp) => {
            const data = resp?.data?.res.map((d, index) => ({
              id: index + 1,
              user_id: d?.user_data?.user_id,
              name: d?.user_data?.name,
              email: d?.user_data?.email,
              avatar: d?.user_data?.avatar,
              phoneNumber: d?.user_data?.phone_number,
              pmcNumber: d?.user_data?.pmdc_number,
              cnicNumber: d?.user_data?.cnic_number,
              specialization: d?.user_data?.specialization,
              experience: d?.user_data?.experience,
              gender: d?.user_data?.gender,
              qualification: d?.qualification,
              services: d?.services
            }));
    
            resolve({
              data,
              page: query?.page, // current page number
              totalCount: resp?.data?.complete_data // total row number
            });
          });
        });