Cleanup and update some dependencies

resources/scripts/components/elements/PageContentBlock.tsx

@@ -1,9 +1,8 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import ContentContainer from '@/components/elements/ContentContainer';
 import { CSSTransition } from 'react-transition-group';
 import tw from 'twin.macro';
 import FlashMessageRender from '@/components/FlashMessageRender';
-import { Helmet } from 'react-helmet';
 
 export interface PageContentBlockProps {
     title?: string;
@@ -12,14 +11,15 @@ export interface PageContentBlockProps {
 }
 
 const PageContentBlock: React.FC<PageContentBlockProps> = ({ title, showFlashKey, className, children }) => {
+    useEffect(() => {
+        if (title) {
+            document.title = title;
+        }
+    }, [ title ]);
+
     return (
         <CSSTransition timeout={150} classNames={'fade'} appear in>
             <>
-                {title &&
-                <Helmet>
-                    <title>{title}</title>
-                </Helmet>
-                }
                 <ContentContainer css={tw`my-4 sm:my-10`} className={className}>
                     {showFlashKey &&
                     <FlashMessageRender byKey={showFlashKey} css={tw`mb-4`}/>