component loading logging and intersection-observer hook

[j67Sv89n]

I have a question about component loading logging.
My test scene have simple route and few components:

<NavBar />    (have 3 componets -wrap, -firstline, secondline, thirdline)
      <Router>
            <Home path="/" />     (have 3 componets -advertise - news -intersect)
     </Router>
+++++++++++++
Component Home:
<Advertise />
<News />
 <Intersect options={{ triggerOnce: true, threshold: 0.0 }}>
           <Suspense fallback={""}>
                     <h1>My Intersection String</h1>
                     {console.log("Component for Intersection")}
            </Suspense>
</Intersect>
  +++++++++++++

My log with all suspense import in home component:
navBar - Wrap
Component for Intersection
ref {current: undefined}
inView false
Intersect Wrap
navBar - FirstLine
ref {current: div}
inView true
Intersect Wrap
navBar - SecondLine
navBar - ThirdLine
Advertise - Component
News - Component

My log with one suspense import for Intersect component, other Advertise and News without suspense import:
navBar - Wrap
Component for Intersection
Advertise - Component
News - Component
ref {current: undefined}
inView false
Intersect Wrap
navBar - FirstLine
navBar - SecondLine
navBar - ThirdLine

Why in that case I see always first load intersect hook? it's because of useEffect in observer hook ?
My Intersect wrap have default export, how as a separate component.