diff --git a/apps/cm/src/shared/lib/match-query-status.ts b/apps/cm/src/shared/lib/match-query-status.ts
index 0e5f45829..cfab150a3 100644
--- a/apps/cm/src/shared/lib/match-query-status.ts
+++ b/apps/cm/src/shared/lib/match-query-status.ts
@@ -1,3 +1,4 @@
+import React from "react";
 import { type UseQueryResult } from "@tanstack/react-query";
 import type { PageableList } from "../model";
 
@@ -9,24 +10,24 @@ import type { PageableList } from "../model";
 export function matchQueryStatus<T>(
   query: UseQueryResult<PageableList<T>>,
   options: {
-    Loading?: JSX.Element;
-    Errored?: JSX.Element | ((error: unknown) => JSX.Element);
-    Empty?: JSX.Element;
+    Loading?: React.ReactElement;
+    Errored?: React.ReactElement | ((error: unknown) => React.ReactElement);
+    Empty?: React.ReactElement;
     Success: (
       data: UseQueryResult<PageableList<T>> & {
         data: NonNullable<UseQueryResult<T>["data"]>;
       },
-    ) => JSX.Element;
+    ) => React.ReactElement;
   },
-): JSX.Element;
+): React.ReactElement;
 export function matchQueryStatus<T>(
   query: UseQueryResult<PageableList<T>>,
   options: {
-    Loading?: JSX.Element;
-    Errored?: JSX.Element | ((error: unknown) => JSX.Element);
-    Success: (data: UseQueryResult<PageableList<T>>) => JSX.Element;
+    Loading?: React.ReactElement;
+    Errored?: React.ReactElement | ((error: unknown) => React.ReactElement);
+    Success: (data: UseQueryResult<PageableList<T>>) => React.ReactElement;
   },
-): JSX.Element;
+): React.ReactElement;
 export function matchQueryStatus<T>(
   query: UseQueryResult<PageableList<T>>,
   {
@@ -35,12 +36,12 @@ export function matchQueryStatus<T>(
     Empty,
     Success,
   }: {
-    Loading?: JSX.Element;
-    Errored?: JSX.Element | ((error: unknown) => JSX.Element);
-    Empty?: JSX.Element;
-    Success: (data: UseQueryResult<PageableList<T>>) => JSX.Element;
+    Loading?: React.ReactElement;
+    Errored?: React.ReactElement | ((error: unknown) => React.ReactElement);
+    Empty?: React.ReactElement;
+    Success: (data: UseQueryResult<PageableList<T>>) => React.ReactElement;
   },
-): JSX.Element {
+): React.ReactElement {
   if (query.isLoading && Loading) {
     return Loading;
   }
diff --git a/apps/dc/src/pages/datainsert/ui/datainsert-page.tsx b/apps/dc/src/pages/datainsert/ui/datainsert-page.tsx
index c1e6024a0..08e2530ef 100644
--- a/apps/dc/src/pages/datainsert/ui/datainsert-page.tsx
+++ b/apps/dc/src/pages/datainsert/ui/datainsert-page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useEffect, useRef } from "react";
+import React, { useState, useEffect, useRef } from "react";
 import { PageLayout } from "@/shared/ui/page-layout";
 import { Button } from "@common/components";
 import {
@@ -233,7 +233,7 @@ function DataInsertPage() {
   };
 
   // 단순 트리 컴포넌트 (펼침/접기 지원)
-  function SimpleTree({ nodes, selectedId, onSelect, depth = 0 }: { nodes: any[]; selectedId: string; onSelect: (node: any) => void; depth?: number }): JSX.Element {
+  function SimpleTree({ nodes, selectedId, onSelect, depth = 0 }: { nodes: any[]; selectedId: string; onSelect: (node: any) => void; depth?: number }): React.ReactElement {
     return (
       <ul 
         className="list-none p-0 m-0"
diff --git a/apps/dc/src/shared/lib/match-query-status.ts b/apps/dc/src/shared/lib/match-query-status.ts
index 0e5f45829..cfab150a3 100644
--- a/apps/dc/src/shared/lib/match-query-status.ts
+++ b/apps/dc/src/shared/lib/match-query-status.ts
@@ -1,3 +1,4 @@
+import React from "react";
 import { type UseQueryResult } from "@tanstack/react-query";
 import type { PageableList } from "../model";
 
@@ -9,24 +10,24 @@ import type { PageableList } from "../model";
 export function matchQueryStatus<T>(
   query: UseQueryResult<PageableList<T>>,
   options: {
-    Loading?: JSX.Element;
-    Errored?: JSX.Element | ((error: unknown) => JSX.Element);
-    Empty?: JSX.Element;
+    Loading?: React.ReactElement;
+    Errored?: React.ReactElement | ((error: unknown) => React.ReactElement);
+    Empty?: React.ReactElement;
     Success: (
       data: UseQueryResult<PageableList<T>> & {
         data: NonNullable<UseQueryResult<T>["data"]>;
       },
-    ) => JSX.Element;
+    ) => React.ReactElement;
   },
-): JSX.Element;
+): React.ReactElement;
 export function matchQueryStatus<T>(
   query: UseQueryResult<PageableList<T>>,
   options: {
-    Loading?: JSX.Element;
-    Errored?: JSX.Element | ((error: unknown) => JSX.Element);
-    Success: (data: UseQueryResult<PageableList<T>>) => JSX.Element;
+    Loading?: React.ReactElement;
+    Errored?: React.ReactElement | ((error: unknown) => React.ReactElement);
+    Success: (data: UseQueryResult<PageableList<T>>) => React.ReactElement;
   },
-): JSX.Element;
+): React.ReactElement;
 export function matchQueryStatus<T>(
   query: UseQueryResult<PageableList<T>>,
   {
@@ -35,12 +36,12 @@ export function matchQueryStatus<T>(
     Empty,
     Success,
   }: {
-    Loading?: JSX.Element;
-    Errored?: JSX.Element | ((error: unknown) => JSX.Element);
-    Empty?: JSX.Element;
-    Success: (data: UseQueryResult<PageableList<T>>) => JSX.Element;
+    Loading?: React.ReactElement;
+    Errored?: React.ReactElement | ((error: unknown) => React.ReactElement);
+    Empty?: React.ReactElement;
+    Success: (data: UseQueryResult<PageableList<T>>) => React.ReactElement;
   },
-): JSX.Element {
+): React.ReactElement {
   if (query.isLoading && Loading) {
     return Loading;
   }
diff --git a/apps/dm/components/ui/sdmInfoInsertForm/component.tsx b/apps/dm/components/ui/sdmInfoInsertForm/component.tsx
index 2ba965a6e..531b3b698 100644
--- a/apps/dm/components/ui/sdmInfoInsertForm/component.tsx
+++ b/apps/dm/components/ui/sdmInfoInsertForm/component.tsx
@@ -34,7 +34,7 @@ export interface SdmInfoRegFormProps {
 
 type FieldComponent = (
   field: ControllerRenderProps<SdmInfoFormData, keyof SdmInfoFormData>
-) => JSX.Element;
+) => React.ReactElement;
 
 export function SdmInfoRegForm({
   form,
diff --git a/apps/dm/components/ui/sdmLoginForm/component.tsx b/apps/dm/components/ui/sdmLoginForm/component.tsx
index 7617b4b31..7ec417c71 100644
--- a/apps/dm/components/ui/sdmLoginForm/component.tsx
+++ b/apps/dm/components/ui/sdmLoginForm/component.tsx
@@ -4,7 +4,7 @@ import type { DemandCompType } from "@common/business_components/ui/sdmInsertFor
 import { Button, Input } from "@common/components";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { sha512 } from 'js-sha512';
-import { useEffect, useMemo, useState } from "react";
+import React, { useEffect, useMemo, useState } from "react";
 import { FormProvider, useForm, type ControllerRenderProps } from "react-hook-form";
 import toast from "react-hot-toast";
 import * as z from "zod";
@@ -47,7 +47,7 @@ export function SdmLoginForm() {
   }), [isBznmTotNoDisabled]);
 
   type SdmLoginForm = z.infer<typeof sdmLoginFormSchema>;
-  type FieldComponent = (field: ControllerRenderProps<SdmLoginForm, keyof SdmLoginForm>) => JSX.Element;
+  type FieldComponent = (field: ControllerRenderProps<SdmLoginForm, keyof SdmLoginForm>) => React.ReactElement;
 
   const formSchema = sdmLoginFormSchema;