Стандардна датотека за слот во 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>
	);
}

Сепак, постои проблем. Работата е во тоа што нашиот слот работи само за два типа на адреси: /users и /posts. Ако во адресната лента се внесе друга адреса, за која нашиот слот не е дефиниран, тогаш NextJS ќе ја прикаже 404 грешката.

За решавање на проблемот, директно во папката со слотот треба да се стави специјална датотека default.jsx. Во оваа датотека треба да има компонента, која ќе се прикажува кога во адресната лента е внесена URL адреса, која не е зададена за нашиот слот.

Односно, во нашиот случај ќе добиеме следнава датотечна структура:

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

Проверете дали динамичкиот слот ја дава 404 грешката, кога во адресната лента е внесена URL адреса, која не е зададена за нашиот слот.

Решете го проблемот со 404 грешката.