fix(routes): trigger lazy loading only once

Author: tom-schoener

frontend/src/App.tsx

@@ -9,15 +9,15 @@ import { createWebSocket, WebSocketContext } from './api/api-websockets';
 import { useThemeClass } from './theme';
 import { FC } from 'react';
 
-const WithUser: FC = () => {
-  const Changelog = lazy(() => import('./Changelog'));
-  const CreateParty = lazy(() => import('./party/create/CreateParty'));
-  const ViewParty = lazy(() => import('./party/view/ViewParty'));
-  const EditParty = lazy(() => import('./party/edit/EditParty'));
-  const OwnSubmissions = lazy(() => import('./party/submissions/OwnSubmissions'));
-  const EditProfile = lazy(() => import('./user/EditProfile'));
-  const Home = lazy(() => import('./home/Home'));
+const Changelog = lazy(() => import('./Changelog'));
+const CreateParty = lazy(() => import('./party/create/CreateParty'));
+const ViewParty = lazy(() => import('./party/view/ViewParty'));
+const EditParty = lazy(() => import('./party/edit/EditParty'));
+const OwnSubmissions = lazy(() => import('./party/submissions/OwnSubmissions'));
+const EditProfile = lazy(() => import('./user/EditProfile'));
+const Home = lazy(() => import('./home/Home'));
 
+const WithUser: FC = () => {
   return (
     <Suspense fallback={<span></span>}>
       <Routes>

frontend/src/components/ReactionPicker.tsx

@@ -2,10 +2,11 @@ import { FunctionComponent, lazy, Suspense, useCallback, useState } from 'react'
 import { FaRegWindowMaximize, FaRegWindowMinimize } from 'react-icons/fa';
 import { useAppState } from '../user/appState';
 
+const EmojiPicker = lazy(() => import('react-input-emoji'));
+
 const ReactionPicker: FunctionComponent<{ onReaction: (reaction: string) => void }> = ({ onReaction }) => {
   const [appState, setAppState] = useAppState();
   const [textInput, setTextInput] = useState('');
-  const EmojiPicker = lazy(() => import('react-input-emoji'));
 
   const onTextSubmit = useCallback(
     (text: string) => {