chore: codify React component style

src/entities/brokerage-event/api/useBrokerageEvents.test.tsx

@@ -2,7 +2,7 @@ import { MantineProvider } from "@mantine/core";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { renderHook, waitFor } from "@testing-library/react";
 import { HttpResponse, http } from "msw";
-import type { ReactNode } from "react";
+import type { FC, PropsWithChildren } from "react";
 import { afterEach, describe, expect, it, vi } from "vitest";
 import { configureAuthClient } from "@/shared/api";
 import { server } from "@/test/server";
@@ -10,11 +10,17 @@ import { useBrokerageEvents } from "./useBrokerageEvents";
 
 function createWrapper() {
 	const client = new QueryClient();
-	return ({ children }: { children: ReactNode }) => (
-		<MantineProvider>
-			<QueryClientProvider client={client}>{children}</QueryClientProvider>
-		</MantineProvider>
-	);
+	const TestWrapper: FC<PropsWithChildren> = (props) => {
+		const { children } = props;
+
+		return (
+			<MantineProvider>
+				<QueryClientProvider client={client}>{children}</QueryClientProvider>
+			</MantineProvider>
+		);
+	};
+
+	return TestWrapper;
 }
 
 describe("useBrokerageEvents", () => {

src/entities/brokerage-event/api/useBrokerageEvents.ts

@@ -3,10 +3,10 @@ import type { paths } from "@/shared/api/generated/schema";
 
 type EventsEndpoint =
 	paths["/api/v1/brokerage-accounts/{accountId}/events"]["get"];
-export type BrokerageEvent =
+type BrokerageEvent =
 	EventsEndpoint["responses"][200]["content"]["application/json"]["events"][number];
 
-export function useBrokerageEvents(accountId: string | undefined) {
+function useBrokerageEvents(accountId: string | undefined) {
 	return useAuthenticatedQuery({
 		...apiQueryClient.queryOptions(
 			"get",
@@ -18,3 +18,5 @@ export function useBrokerageEvents(accountId: string | undefined) {
 		retry: false,
 	});
 }
+
+export { type BrokerageEvent, useBrokerageEvents };