Archivo por defecto del slot en NextJS

En la lección anterior, creamos un slot dinámico con el nombre info:

export default function RootLayout({children, info}) {
	return (
		<html lang="en">
			<body>
				<header>
					<div>
						{info}
					</div>
				</header>
				<main>
					{children}
				</main>
				<footer>
					footer
				</footer>
			</body>
		</html>
	);
}

Sin embargo, hay un problema. La cuestión es que nuestro slot funciona solo para dos tipos de direcciones: /users y /posts. Si se introduce en la barra de direcciones otra dirección, para la cual nuestro slot no está definido, entonces NextJS arrojará un error 404.

Para resolver el problema, directamente en la carpeta del slot se debe colocar un archivo especial default.jsx. En este archivo debe haber un componente que se mostrará cuando en la barra de direcciones se introduzca una URL no definida para nuestro slot.

Es decir, en nuestro caso resultará la siguiente estructura de archivos:

/app/
- /@info/
  - default.jsx
  - /users/
    - page.jsx
  - /posts/
    - page.jsx

Asegúrese de que el slot dinámico arroje un error 404 cuando en la barra de direcciones se introduzca una URL no definida para nuestro slot.

Corrija el problema del error 404.