Tengo un componente que se procesa más de 1 vez, quiero cargar ese componente desde el punto en que está fuera de la ventana gráfica, lo que creo que debería ser manejado por el observador de intersección. Por favor, ayúdame a descubrir qué estoy haciendo mal en esto.

He usado el observador de intersección para saber si el componente está entrando en la ventana gráfica o no y luego verifico si el elemento está en la ventana gráfica y luego muestro el componente; de lo contrario, muestro el cargador. https://codesandbox.io/s/awesome-ganguly-cqj1zi?file=/src/lazyComponent.js