No way to make active link on scroll in different components using .map()

[nicitaacom]

No way to make active link on scroll in different components using .map()
I want make something similar to this

I want here ser inView - category.id
And in Category.tsx I want create ref

But its write me that I redeclarete variable

[nicitaacom]

Here I want set inView

[thebuilder]

You can't use a hook inside a loop.

[nicitaacom]

You can't use a hook inside a loop.

I know man
But how I can create something similar to
https://user-images.githubusercontent.com/39565703/246155279-2104185d-81e4-4d14-90a8-e542907aa9b3.png