Code compiles but at runtime React will "collapse" every component, an example can be found below and in isoline.purs of the repo:

isolineCpt :: R.Component Isoline
isolineCpt = R.hooksComponent "isoline" cpt where
  cpt {} _ = do
    containerRef <- R.useRef null

    R.useEffect' $ do
      delay unit $ \_ -> do
        let mContainer = toMaybe $ R.readRef containerRef
        case mContainer of
          Nothing -> pure unit
          Just cr -> do
            _ <- Selection.rootSelectEl cr
              >>= Selection.style "background-color"                  
            pure unit
     pure $ H.div {id:"phyloIsoline", ref: containerRef}[]

Error console : Uncaught ReferenceError: d3 is not defined anonymous index.36efa996.js line 2523 > Function:3 __do index.js:1723 bindE index.js:457 bindE index.js:457 bindE index.js:457 bindE index.js:457 React 5 invokePassiveEffectCreate callCallback invokeGuardedCallbackDev invokeGuardedCallback flushPassiveEffectsImpl unstable_runWithPriority scheduler.development.js:468 React 3 runWithPriority$1 flushPassiveEffects commitBeforeMutationEffects workLoop scheduler.development.js:417 flushWork scheduler.development.js:390 performWorkUntilDeadline scheduler.development.js:157 index.36efa996.js line 2523 > Function:3:47 anonymous index.36efa996.js line 2523 > Function:3 __do index.js:1723 bindE index.js:457 bindE index.js:457 bindE index.js:457 bindE index.js:457 React 5 invokePassiveEffectCreate callCallback invokeGuardedCallbackDev invokeGuardedCallback flushPassiveEffectsImpl unstable_runWithPriority scheduler.development.js:468 React 3 runWithPriority$1 flushPassiveEffects commitBeforeMutationEffects workLoop scheduler.development.js:417 flushWork scheduler.development.js:390 performWorkUntilDeadline scheduler.development.js:157 The above error occurred in the component:

mkEffectFn1/<@http://localhost:1234/index.36efa996.js:1197:20 div mkEffectFn1/<@http://localhost:1234/index.36efa996.js:1197:20

Consider adding an error boundary to your tree to customize error handling behavior. Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries. react-dom.development.js:20085:14 React 10 unstable_runWithPriority scheduler.development.js:468 React 4 unstable_runWithPriority scheduler.development.js:468 React 4 unstable_runWithPriority scheduler.development.js:468 React 3 workLoop scheduler.development.js:417 flushWork scheduler.development.js:390 performWorkUntilDeadline scheduler.development.js:157 Uncaught ReferenceError: d3 is not defined anonymous index.36efa996.js line 2523 > Function:3 __do index.js:1723 bindE index.js:457 bindE index.js:457 bindE index.js:457 bindE index.js:457 React 5 unstable_runWithPriority scheduler.development.js:468 React 3 workLoop scheduler.development.js:417 flushWork scheduler.development.js:390 performWorkUntilDeadline scheduler.development.js:157