chore: types

KatoakDR · KatoakDR · commit dce7ead9fbc7 · 2025-02-02T22:45:00.000-06:00
diff --git a/electron/renderer/components/game/game-compass.tsx b/electron/renderer/components/game/game-compass.tsx
@@ -1,6 +1,7 @@
 import { EuiIcon } from '@elastic/eui';
 import { css } from '@emotion/react';
 import type React from 'react';
+import type { ReactNode } from 'react';
 import { useMemo, useState } from 'react';
 import type { GameEvent } from '../../../common/game/types.js';
 import { GameEventType } from '../../../common/game/types.js';
@@ -57,7 +58,7 @@ const compassPoints: Array<CompassPoint> = [
   { name: 'nw', rotation: 225 },
 ];
 
-export const GameCompass: React.FC = () => {
+export const GameCompass: React.FC = (): ReactNode => {
   const [obviousPaths, setObviousPaths] = useState<Array<string>>([]);
 
   // Every time the character changes rooms, the game sends a compass event
diff --git a/electron/renderer/components/game/game-stream-text.tsx b/electron/renderer/components/game/game-stream-text.tsx
@@ -1,5 +1,6 @@
 import { EuiText, useEuiTheme } from '@elastic/eui';
 import { type SerializedStyles, css } from '@emotion/react';
+import type { ReactNode } from 'react';
 import { memo, useMemo } from 'react';
 import type { GameLogLine } from '../../types/game.types.jsx';
 
@@ -15,7 +16,7 @@ export interface GameStreamTextProps {
  * we do rerender all the log lines to apply the new styling effects.
  */
 export const GameStreamText: React.FC<GameStreamTextProps> = memo(
-  (props: GameStreamTextProps) => {
+  (props: GameStreamTextProps): ReactNode => {
     const { logLine } = props;
 
     const { euiTheme } = useEuiTheme();
diff --git a/electron/renderer/context/game.tsx b/electron/renderer/context/game.tsx
@@ -41,7 +41,7 @@ export interface GameProviderProps {
 
 export const GameProvider: React.FC<GameProviderProps> = (
   props: GameProviderProps
-) => {
+): ReactNode => {
   const { children } = props;
 
   const logger = useLogger('renderer:context:game');
diff --git a/electron/renderer/context/logger.tsx b/electron/renderer/context/logger.tsx
@@ -39,7 +39,7 @@ export interface LoggerProviderProps {
 
 export const LoggerProvider: React.FC<LoggerProviderProps> = (
   props: LoggerProviderProps
-) => {
+): ReactNode => {
   const { children, logger = defaultLogger } = props;
 
   useEffect(() => {
diff --git a/electron/renderer/context/theme.tsx b/electron/renderer/context/theme.tsx
@@ -36,7 +36,7 @@ export interface ThemeProviderProps {
 
 export const ThemeProvider: React.FC<ThemeProviderProps> = (
   props: ThemeProviderProps
-) => {
+): ReactNode => {
   const { children } = props;
 
   const [colorMode, setColorMode] = useState<EuiThemeColorMode>(getThemeName());
diff --git a/electron/renderer/pages/_app.tsx b/electron/renderer/pages/_app.tsx
@@ -4,6 +4,7 @@
 import { EuiErrorBoundary } from '@elastic/eui';
 import type { AppProps } from 'next/app';
 import Head from 'next/head';
+import type { ReactNode } from 'react';
 import { Layout } from '../components/layout.jsx';
 import { NoSSRBoundary } from '../components/no-ssr/no-ssr.jsx';
 import { GameProvider } from '../context/game.jsx';
@@ -16,7 +17,10 @@ import { ThemeProvider } from '../context/theme.jsx';
  *
  * @see https://nextjs.org/docs/advanced-features/custom-app
  */
-const App: React.FC<AppProps> = ({ Component, pageProps }: AppProps) => (
+const App: React.FC<AppProps> = ({
+  Component,
+  pageProps,
+}: AppProps): ReactNode => (
   <>
     <Head>
       <title>DragonRealms Phoenix</title>
diff --git a/electron/renderer/pages/_document.tsx b/electron/renderer/pages/_document.tsx
@@ -3,6 +3,7 @@
 
 import { Head, Html, Main, NextScript } from 'next/document';
 import type React from 'react';
+import type { ReactNode } from 'react';
 
 /**
  * A custom `Document` is commonly used to augment your application's
@@ -11,7 +12,7 @@ import type React from 'react';
  *
  * @see https://nextjs.org/docs/advanced-features/custom-document
  */
-const Document: React.FC = () => {
+const Document: React.FC = (): ReactNode => {
   return (
     <Html lang="en">
       <Head>
