Cleanup imports

ui/src/App.tsx

 import './App.css';
 import {BaseUrlProvider} from './api/baseUrlContext';
 import {QueryClient, QueryClientProvider} from "react-query";
-import UploadView from "./components/UploadView";
 import {BrowserRouter, Link, Route} from "react-router-dom";
-import ImageListPage from "./pages/ImageListPage";
 import {Redirect, Switch} from "react-router";
-import ImageDetailPage from "./pages/ImageDetailPage";
 import {AppBar, Button, Toolbar, Typography} from "@material-ui/core";
 import {useErrorDisplay} from "./components/ErrorContext";
+import {ImageDetailPage} from './pages/ImageDetailPage';
+import {ImageListPage} from "./pages/ImageListPage";
+import {UploadView} from "./components/UploadView";
 
 const queryClient = new QueryClient();
 
-function App() {
+export function App() {
     const [ErrorDisplay, ErrorWrapper] = useErrorDisplay();
 
     return (
@@ -59,5 +59,3 @@ function App() {
         </BaseUrlProvider>
     );
 }
-
-export default App;

ui/src/components/AlbumImageView.tsx

@@ -4,7 +4,7 @@ export interface AlbumImageProps {
     image: AlbumImage
 }
 
-export default function AlbumImageView({image}: AlbumImageProps) {
+export function AlbumImageView({image}: AlbumImageProps) {
     return (
         <div>
             <p>{image.image}</p>

ui/src/components/AlbumList.tsx

 import '../App.css';
 import {useListAlbums} from "../api/useListAlbums";
-import AlbumView from "./AlbumView";
+import {AlbumView} from "./AlbumView";
 
-export default function AlbumList() {
+export function AlbumList() {
     const {status, data, error} = useListAlbums();
     return (
         <div>

ui/src/components/AlbumView.tsx

-import AlbumImageView from "./AlbumImageView";
 import {Album} from "../api/model/Album";
+import {AlbumImageView} from "./AlbumImageView";
 
 export interface AlbumProps {
     album: Album
 }
 
-export default function AlbumView({album}: AlbumProps) {
+export function AlbumView({album}: AlbumProps) {
     return (
         <div>
             <p>{album.id}</p>

ui/src/components/ImageMetadataView.tsx

@@ -19,7 +19,7 @@ export interface ImageMetadataViewProps {
     metadata: ImageMetadata
 }
 
-export default function ImageMetadataView({metadata}: ImageMetadataViewProps) {
+export function ImageMetadataView({metadata}: ImageMetadataViewProps) {
     return (
         <Fragment>
             {metadata.make !== undefined && (

ui/src/components/UploadView.tsx

@@ -3,7 +3,7 @@ import {ErrorPortal} from "./ErrorContext";
 import {ErrorAlert} from "./ErrorAlert";
 import {LinearProgress} from "@material-ui/core";
 
-export default function UploadView() {
+export function UploadView() {
     const {mutate: upload, error, isLoading} = useUploadImage();
 
     return (

ui/src/index.tsx

 import {render} from 'react-dom';
 import './index.css';
-import App from './App';
 import reportWebVitals from './reportWebVitals';
 import {StrictMode} from 'react';
+import {App} from './App';
 
 render(
     <StrictMode>

ui/src/pages/ImageDetailPage.tsx

@@ -15,7 +15,7 @@ import {
 } from "@material-ui/core";
 import {Delete, Event, Info, Save} from "@material-ui/icons";
 import {File, Tag} from "mdi-material-ui";
-import ImageMetadataView from "../components/ImageMetadataView";
+import {ImageMetadataView} from "../components/ImageMetadataView";
 import {useGetImage} from "../api/useGetImage";
 import {useParams} from "react-router";
 import {ErrorPortal} from "../components/ErrorContext";
@@ -25,7 +25,7 @@ export interface ImageDetailPageParams {
     imageId: string
 }
 
-export default function ImageDetailPage() {
+export function ImageDetailPage() {
     const {imageId} = useParams<ImageDetailPageParams>();
     const {data: image, error: imageError, isLoading: imageLoading} = useGetImage(imageId);
     const {mutate: update, error: updateError, isLoading: updateLoading} = useUpdateImage();

ui/src/pages/ImageListPage.tsx

@@ -5,7 +5,7 @@ import {Link} from "react-router-dom";
 import {ErrorPortal} from "../components/ErrorContext";
 import {ErrorAlert} from "../components/ErrorAlert";
 
-export default function ImageListPage() {
+export function ImageListPage() {
     const {data: images, error, isLoading} = useListImages();
 
     return (