### Description
I want to call a specific component on the currently displayed slide.
so Im using state to determine which slide is currently being shown.
but the state.section.index coming in the afterSlideLoad event doesn't seem to represent the index of the current section

### Link to isolated reproduction with no external CSS / JS
[Ideally in [codesandbox.io](https://codesandbox.io/s/m34yq5q0qx), links to personal websites won't be reviewed unless isolated. Reported issues without a reproduction might get closed.]

### Steps to reproduce it
1.here is part of the code
```js
{
console.error("------ FullPage Render!! : ", {state, fullpageApi})
const {initialized, direction, lastEvent, section} = state
const index = state?.destination?.index

console.error("----state.destination.index ? ", index)
console.error("section.index? ", section?.index)

const isSectionLoaded = lastEvent === 'afterLoad'
const isSlideLoaded = lastEvent === 'afterSlideLoad'
const isLightMode = direction === 'left'
const isShadowMode = direction === 'right'

return (