This issue references to the fact that React intentionally remounts your components in development to find bugs.

I’m trying to create a footnote component for my new React version of my blog, but, so far, I’m not able to get the numbering right.

I am using web components, the component has a .selectItem() method, and I am hitting it from the ref from useRef. The problem I am running into is that I can’t use that method later in my code unless I try and run it once.