bug: changed in CoreTOC menu

[irkfaisal]

Describe the bug Elements that we are setting inside a useEffect should move to a function ( prepareTOCMenu() ) then that function should call inside the useEffect

To Reproduce Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior A clear and concise description of what you expected to happen.

Stack Trace The stack trace of the bug if any.

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context Add any other context about the problem here.

[irkfaisal]

closing this issue, i have added CoreTOC in component.js