Solucion en el proyecto que descargas tiene diferente el codigo en el js de Stepper la solucion es llamar la funcion por el nombre que tiene por defecto ese nombre es: StepperComponent.
en el archivo index.js de la carpeta From manda a llamar a StepperComponent
asi quedaria: import StepperComponent from "../Stepper";
documento index.js de Form:
import React, { useState } from "react";
import { Box, Stepper, Typography } from "@mui/material";
import { LogoSpace, MainSpace, FormSpace, Img } from "./styles";
import DatosUsuario from "./DatosUsuario";
import DatosPersonales from "./DatosPersonales";
import DatosEntrega from "./DatosEntrega";
import Complete from "./Complete";
import StepperComponent from "../Stepper";
const Form = () => {
const [step, setStep] = useState(1);
//step = 0 ->
//step = 1 ->
//step = 2 ->
//step = 3 ->
const steps = {
0: ,
1: ,
2: ,
3: ,
};
return (
<Box
sx={{
padding: "30px",
display: "flexbox",
flexDirection: "column",
}}
>
<Img src={"/favicon.png"} />
AluraFood
{/
/}
{steps[step]}
);
};
export default Form;
y listo.
los demas errors que muestra muestran son de reactDom que no afectan al proyecto. Saludos
