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?