<WizardProvider steps={4}>
<Container maxWidth="sm">
<Paper className={classes.paper}>
<WizardSlotForm />
</Paper>
</Container>
</WizardProvider>
const WizardSlotForm = () => {
const { activeStep, next } = useFormWizard()
return (
<Button
fullWidth
color="primary"
variant="contained"
onClick={next}>
({activeStep}) Continue
</Button>
)
}