From 95b27b202c7cd00fef2b1c297cfb5b7d86d22e07 Mon Sep 17 00:00:00 2001
From: Tomas Balsys <tomas@balsys.eu.org>
Date: Sun, 27 Oct 2024 02:22:52 +0300
Subject: [PATCH] Named exports

---
 src/error-page.tsx  | 2 +-
 src/main.tsx        | 6 +++---
 src/routes/list.tsx | 4 +---
 src/routes/root.tsx | 4 ++--
 4 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/error-page.tsx b/src/error-page.tsx
index 33ff033..641b2b0 100644
--- a/src/error-page.tsx
+++ b/src/error-page.tsx
@@ -1,6 +1,6 @@
 import { useRouteError } from "react-router-dom";
 
-export default function ErrorPage() {
+export function ErrorPage() {
   const error = useRouteError() as {
     status?: number,
     statusText?: string,
diff --git a/src/main.tsx b/src/main.tsx
index ab3f6a6..bcc7eb9 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -5,9 +5,9 @@ import {
   RouterProvider,
 } from "react-router-dom";
 import './index.css'
-import List from './routes/list.tsx'
-import Root from './routes/root.tsx'
-import ErrorPage from './error-page.tsx';
+import { List } from './routes/list.tsx'
+import { Root } from './routes/root.tsx'
+import { ErrorPage } from './error-page.tsx';
 
 const router = createBrowserRouter([
   {
diff --git a/src/routes/list.tsx b/src/routes/list.tsx
index 4047c52..887a127 100644
--- a/src/routes/list.tsx
+++ b/src/routes/list.tsx
@@ -3,7 +3,7 @@ import { AccordionItem } from '../components/accordion-item';
 import { TaskTable } from '../components/task-table';
 import { TaskForm } from '../components/task-form';
 
-function App() {
+export function List () {
   const [tasks, setTasks] = useState<TodoTasks>([
     {
       id: 1,
@@ -75,5 +75,3 @@ function App() {
     </>
   )
 }
-
-export default App
diff --git a/src/routes/root.tsx b/src/routes/root.tsx
index b62a255..c1b7671 100644
--- a/src/routes/root.tsx
+++ b/src/routes/root.tsx
@@ -1,6 +1,6 @@
 import { Outlet, Link } from "react-router-dom";
 
-export default function Root() {
+export function Root() {
   return (
     <>
       <nav className="mx-auto flex items-center justify-center gap-x-5 py-6 px-8">
@@ -8,7 +8,7 @@ export default function Root() {
         <Link to={`/fetch`} className="nav-button">Duomenys</Link>
       </nav>
       <main className="my-10">
-          <Outlet />
+        <Outlet />
       </main>
     </>
   );