React MUI Stepper Component for Forms

I have already Built in react form with react, typescript and material UI, bootstrap. need to implement stepper component for the that form without using any other library. and it should be single step form and no need to use any next and previous buttons. form is totally 8-9 steps and each step contains at least 4-5 fields and they are like input or dropdown options or image selections from default or upload option. In the form some of fields are optional and required fields. until and unless required fields are not filled form should not submit and if the fields are filled then section wise stepper should update as success and if the options fields are not filled then is should show warning and example image is given below.