Update to React 18

src/components/toolbar/AppToolbar.tsx

@@ -4,7 +4,7 @@ import Box from '@mui/material/Box';
 import IconButton from '@mui/material/IconButton';
 import Toolbar from '@mui/material/Toolbar';
 import Tooltip from '@mui/material/Tooltip';
-import React, { FC, ReactNode } from 'react';
+import React, { type FC, type PropsWithChildren, ReactNode } from 'react';
 
 import { appRouter } from 'components/router/appRouter';
 import { useApi } from 'hooks/useApi';
@@ -27,7 +27,7 @@ const onBackButtonClick = () => {
         });
 };
 
-const AppToolbar: FC<AppToolbarProps> = ({
+const AppToolbar: FC<PropsWithChildren<AppToolbarProps>> = ({
     buttons,
     children,
     isDrawerAvailable,

src/components/toolbar/UserMenuButton.tsx

@@ -14,7 +14,7 @@ const UserMenuButton = () => {
     const [ userMenuAnchorEl, setUserMenuAnchorEl ] = useState<null | HTMLElement>(null);
     const isUserMenuOpen = Boolean(userMenuAnchorEl);
 
-    const onUserButtonClick = useCallback((event) => {
+    const onUserButtonClick = useCallback((event: React.MouseEvent<HTMLElement>) => {
         setUserMenuAnchorEl(event.currentTarget);
     }, [ setUserMenuAnchorEl ]);