fetch list of data got incomplete result, how to remove the limitation

i try to get all the data which is belong to logged user but got incomplete result, it suppose to be returning 22 data but the code only returning 19 data

export const getHistoryList = async (filterPayload: Array<IFilterPayload>, dispatch: Dispatch<any>) => {
    dispatch(setProductStart())
  
    let payload: IHistoryList[] = [];
    let filter: ModelImportHistoryFilterInput = {};
    let orFilter: ModelImportHistoryFilterInput[] = [];
  
    filterPayload.map((item) => {
        if (item.type === "merchantID") {
          filter = { ...filter, merchantImportHistoriesId: { eq: item.value } };
        }
        if (item.type === "action") {
          orFilter.push({ action: { eq: ImportHistoryAction[item.value as keyof typeof ImportHistoryAction] } });
        }
    });
  
    orFilter = orFilter.filter(item => item.action?.eq !== undefined);
    if (orFilter.length > 0) {
      filter = { ...filter, or: orFilter };
    }
  
    const result = await (API.graphql({
        query: queriesCustom.listImportHistoriesCustom,
        variables: { filter: filter }
    }) as Promise<{ data?: any }>)
        .then((response) => {
            const data = response.data.listImportHistories.items;
            return data
        })
  
   ...
   
  }

if i remove the filter from variables i got only 100 data from total 118 data

i already try this temporary solution to set the limit in variables to 2000, which is worked, but i don't think this is the correct approach

  const result = await (API.graphql({
      query: queriesCustom.listImportHistoriesCustom,
      variables: { limit: 2000, filter: filter }
  }) as Promise<{ data?: any }>)
      .then((response) => {
          const data = response.data.listImportHistories.items;
          return data
      })

how can i overcome this problem please help?