importaciones absolutas
cuando trabajamos con react o con next cuando creamos mas y mas componente notamos que las importaciones suele tomar características extrañas y surge el molesto "../../component/button" y esto es solo el comienzo del sufrido "../"
claro existe una solución para esto y son las importaciones absolutas
para esto tenemos que agregar un archivo jsconfig.json en el directorio raiz de nuestro proyecto
{
"compilerOptions": {
"baseUrl": "src"
},
"include": ["src"]
}
{
"compilerOptions": {
"baseUrl": "."
}
}
y pasaremos de
ha tener unas hermosas importaciones como las siguiente
para finalizar debemos de compilar nuevamente nuestro proyecto .