CustomStepConnector

src/components/layout/stepper/ApplicationStepper.js

@@ -9,7 +9,7 @@ import {
   makeStyles
 } from "@material-ui/core";
 import { useLocation, useHistory } from "react-router-dom";
-import StepperConnector from "./StepperConnector";
+import CustomStepConnector from "./CustomStepConnector";
 import ColorlibStepIcon from "./ColorlibStepIcon";
 
 const styles = () => ({
@@ -47,7 +47,7 @@ const ApplicationStepper = () => {
       <Stepper
         activeStep={activeStep.id}
         orientation="horizontal"
-        connector={<StepperConnector />}
+        connector={<CustomStepConnector />}
       >
         {steps.map((step) => (
           <Step key={step.id}>

src/components/layout/stepper/CustomStepConnector.js

@@ -1,7 +1,7 @@
 import { withStyles } from "@material-ui/core/styles";
 import StepConnector from "@material-ui/core/StepConnector";
 
-const StepperConnector = withStyles({
+const CustomStepConnector = withStyles({
   alternativeLabel: {
     top: 22
   },
@@ -25,4 +25,4 @@ const StepperConnector = withStyles({
   }
 })(StepConnector);
 
-export default StepperConnector;
+export default CustomStepConnector;