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

para crear-react-app

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

para next

{
  "compilerOptions": {
    "baseUrl": "."
  }
}

y pasaremos de

ha tener unas hermosas importaciones como las siguiente

para finalizar debemos de compilar nuevamente nuestro proyecto .