ยฉ 2026 Hedgehog Software, LLC
<Transition />
computations created outside a createRoot or render will never be disposed
const Snackbar = () => { return ( <Transition onEnter={(element, done) => { const animation = element.animate( [ { transform: "translate(-50%, -100%)" }, { transform: "translate(-50%, 0%)" }, ], { duration: 400, } ); animation.finished.then(done); }} onExit={(element, done) => { const animation = element.animate( [ { transform: "translate(-50%, 0%)" }, { transform: "translate(-50%, -100%)" }, ], { duration: 400, } ); animation.finished.then(done); }} > <Show when={toastSelectors.firstToast()}> {(firstToast) => ( <Toast id={firstToast().id} kind={firstToast().kind} message={firstToast().message} /> )} </Show> </Transition> ); };