Canvas Timeline
Function

useTimelineState

Reads the current synchronized timeline state. This is a render-focused shortcut for components that need track, playhead, zoom, scroll, marker, or playback state without calling engine methods. The returned value updates when `TimelineProvider` receives engine state events.

Signature

Type Definition
useTimelineState(): TimelineState

Returns

TimelineState

The latest `TimelineState` snapshot published by `TimelineProvider`.

Examples

tsx Example
const state = useTimelineState();


return <span>{state.tracks.length} tracks</span>;