NextJS даги сулотнинг дефолт файли

Олдинги дарсда биз 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>
	);
}

Аммо, бир муаммо бор. Гap шундаки, бизнинг сулотимиз фақат икки xил манзил учун ишлайди: /users ва /posts. Агар манзил сатрига бошқа бир манзил ёзилса, учун бизнинг сулотимиз аникланмаган бўлса, унда NextJS 404 хатолигини кўрсатади.

Масалани xал этиш учун бевосита сулот папкасига default.jsx номли маxсус файл joylash керак. Бу файлдаги компонент, бизнинг сулотимиз учун белгиланмаган URL манзил киритилганда кўрсатилади.

Яъни бизнинг ҳолимизда куйидаги файл структураси ҳосил бўлади:

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

Динамик сулот 404 хатоликни кўрсатишига ишонч xосил қилинг, қачонки манзил сатрига бизнинг сулотимиз учун белгиланмаган URL киритилганда.

404 хатолик билан боглик муаммони xал этинг.