onLaneScroll(...).then is not a function

[a852882874]

onLaneScroll() method How to use it?

[bibhash1996]

As mentioned in the stories :

function delayedPromise(durationInMs, resolutionPayload) {
      return new Promise(function(resolve) {
        setTimeout(function() {
          resolve(resolutionPayload)
        }, durationInMs)
      })
    }

    function generateCards(requestedPage = 1) {
      const cards = []
      let fetchedItems = (requestedPage - 1) * PER_PAGE
      for (let i = fetchedItems + 1; i <= fetchedItems + PER_PAGE; i++) {
        cards.push({
          id: `${i}`,
          title: `Card${i}`,
          description: `Description for #${i}`
        })
      }
      return cards
    }

    function paginate(requestedPage, laneId) {
      // simulate no more cards after page 2
      if (requestedPage > 2) {
        return delayedPromise(2000, [])
      }
      let newCards = generateCards(requestedPage)
      return delayedPromise(2000, newCards)
    }

    const data = {
      lanes: [
        {
          id: 'Lane1',
          title: 'Lane1',
          cards: generateCards()
        }
      ]
    }

    return <Board data={data} laneSortFunction={(card1, card2) => parseInt(card1.id) - parseInt(card2.id)} onLaneScroll={paginate} />

[shankardesigner]

just return correct the promises

    onLaneScroll = async (requestedPage: any, laneId: any) => {
            const trelloTasks = await getTrelloTaskList(this.props.filter);
            console.log(trelloTasks, 'fetched new tasks');
            // console.log(this.state.data)
            let newCards = [
                {
                    id: 2,
                    title: '2 Seth ',
                    description: '2 ',
                    draggable: true
                }
            ];

    // return newCards;
    return await new Promise((resolve, reject) => {
        resolve(newCards);
    });
};

`