Skip to main content

Step Change Callback (onStepChange)

Concept

DescriptionThe onStepChange callback fires whenever the importer navigates to a new step. Enables you to update your application's URL or send analytics events to track funnel progression.
Type(step: string) => void
Run eventFires when a step first renders.

Step identifiers

The step argument passed to onStepChange is one of the following strings:

Step identifierWhen it fires
uploadThe upload step renders
sheet-selectionThe sheet selection step renders
header-selectionThe header selection step renders
join-sheetsThe join sheets step renders
match-columnsThe match columns step renders
review-entriesThe review entries step renders
completeAfter complete() is called inside onResults

Basic syntax

<DataImporter
onStepChange={(step) => {
// update URL or send analytics event
}}
/>