Why useInView cause the component to re-render twice?

[gremo]

First thank you 🙏 for this great library!

I'm rendering ProductsListViewItem 16 times in a list (first console.log). After adding useInView, there are two more renderings for each one. I would expect just one more rendering when inView pass from false to true.

export const ProductsListViewItem = ({ product }: ProductsListViewItemProps) => {
 console.log('[ProductsListViewItem] Rendering...');

 const { ref, inView } = useInView({ triggerOnce: true, delay: 500 });

 return (<div ref={ref}></div>);
}

[thebuilder]

It's to solve this issue: #572

[gremo]

Hi, thanks. I'm already at 9.4.1 but still experiencing the issue. What I'm missing?

[thebuilder]

It's working as intended - It's a way to deal with the ref, in sane manner for all use cases. #572 changed how the ref is handled, which is what causes the extra render.

[thebuilder]

Are you seeing actual issues with this? It shouldn't have an impact on performance under normal circumstances.