useAtomMount

function useAtomMount<A>(atom: Atom<A>): void

import { Atom, useAtomMount } from "@effect-atom/atom-react"
import { Effect } from "effect"

// An atom that performs background work
const backgroundTaskAtom = Atom.make(
  Effect.gen(function* () {
    // Perform some background operation
    yield* Effect.log("Background task running")
    return "completed"
  })
)

function BackgroundWorker() {
  // Keep the atom mounted without reading its value
  useAtomMount(backgroundTaskAtom)
  
  return <div>Background worker active</div>
}

const userDataAtom = Atom.make(fetchUserData())
const settingsAtom = Atom.make(fetchSettings())

function DataPreloader() {
  // Preload both atoms
  useAtomMount(userDataAtom)
  useAtomMount(settingsAtom)
  
  return null // No UI needed
}

const analyticsAtom = Atom.make((get) => {
  // Track page views
  const cleanup = trackPageView()
  get.addFinalizer(() => cleanup())
  return "tracking"
})

function AnalyticsProvider({ children }: { children: React.ReactNode }) {
  useAtomMount(analyticsAtom)
  return <>{children}</>
}