old state isn't saved in ScrollTrigger React

[jacob.liu]

const setStoryContent = (sectionId) => {

    console.log("old description:", description, "------------------------new description: ", data.story[sectionId].description);

    setDescription(data.story[sectionId].description);

  };

 

//create scroll triggers for text panels

      ScrollTrigger.create({

        trigger: container,

        start: descStPx[idx] === 0 ? "top top" : descStPx[idx],

        end: "+=" + steps.length * PXS_PER_STEP,

        onEnter: () => setStoryContent(idx),

      });

 

 

ideally, console should be

"A", "B"

"B", "C"

"C", "D"

 

but current console log shows

"A", "B"

"A", "C"

"A", "D"

 

old description doesn't update,,, what's the issue?

 

 

[ZachSaucier]

Hey Jacob. Can you please create a minimal demo of the issue using something like CodePen or CodeSandbox?