error wrapper hoc

packages/website-ue/src/hocs/withErrorWrapper.tsx

@@ -1,12 +1,14 @@
 import type { ReactNode } from "react";
 import { ErrorWrapper } from "../components/ErrorWrapper";
 
-export function withErrorWrapper<Props extends {}>(
+export function withErrorWrapper<Props extends object>(
   Component: (props: Props) => ReactNode,
 ) {
   return function (props: Props) {
+    return (
       <ErrorWrapper>
         <Component {...props} />
-    </ErrorWrapper>;
+      </ErrorWrapper>
+    );
   };
 }

packages/website-ue/src/pages/[...locale]/tanks/[slug]/_index.tsx

@@ -1,6 +1,7 @@
 import { Fragment, useMemo } from "react";
 import { api } from "../../../../api/dynamic";
 import { TankopediaLoadout } from "../../../../components/TankopediaLoadout";
+import { withErrorWrapper } from "../../../../hocs/withErrorWrapper";
 import { withLocale } from "../../../../hocs/withLocale";
 import { useAwait } from "../../../../hooks/useAwait";
 import { useCharacteristicRenderer } from "../../../../hooks/useCharacteristicRenderer";
@@ -13,7 +14,8 @@ interface PageProps {
   id: string;
 }
 
-export const Page = withLocale(({ id }: PageProps) => {
+export const Page = withErrorWrapper(
+  withLocale<PageProps>(({ id }) => {
     const protagonistTank = useAwait(() => api.tank(id), `tank-${id}`);
 
     Tankopedia.useInitialization(protagonistTank);
@@ -68,4 +70,5 @@ export const Page = withLocale(({ id }: PageProps) => {
         })}
       </>
     );
-});
+  }),
+);