diff --git a/frontend/components/markdown-renderer.tsx b/frontend/components/markdown-renderer.tsx
index d6c8c81a..36bcbb03 100644
--- a/frontend/components/markdown-renderer.tsx
+++ b/frontend/components/markdown-renderer.tsx
@@ -64,31 +64,31 @@ export const MarkdownRenderer = ({ chatMessage }: MarkdownRendererProps) => {
         rehypePlugins={[rehypeMathjax, rehypeRaw]}
         linkTarget="_blank"
         components={{
-          p({ node, ...props }) {
+          p: ({ node, ...props }: any) => {
             return <p className="w-fit max-w-full">{props.children}</p>;
           },
-          ol({ node, ...props }) {
+          ol: ({ node, ...props }: any) => {
             return <ol className="max-w-full">{props.children}</ol>;
           },
-          h1({ node, ...props }) {
+          h1: ({ node, ...props }: any) => {
             return <h1 className="mb-6 mt-4">{props.children}</h1>;
           },
-          h2({ node, ...props }) {
+          h2: ({ node, ...props }: any) => {
             return <h2 className="mb-4 mt-4">{props.children}</h2>;
           },
-          h3({ node, ...props }) {
+          h3: ({ node, ...props }: any) => {
             return <h3 className="mb-2 mt-4">{props.children}</h3>;
           },
-          hr({ node, ...props }) {
+          hr: ({ node, ...props }: any) => {
             return <hr className="w-full mt-4 mb-8" />;
           },
-          ul({ node, ...props }) {
+          ul: ({ node, ...props }: any) => {
             return <ul className="max-w-full mb-2">{props.children}</ul>;
           },
-          pre({ node, ...props }) {
+          pre: ({ node, ...props }: any) => {
             return <>{props.children}</>;
           },
-          table: ({ node, ...props }) => {
+          table: ({ node, ...props }: any) => {
             return (
               <div className="max-w-full overflow-hidden rounded-md border bg-muted">
                 <div className="max-h-[600px] w-full overflow-auto p-4">
@@ -98,7 +98,7 @@ export const MarkdownRenderer = ({ chatMessage }: MarkdownRendererProps) => {
             );
           },
 
-          code: ({ node, className, inline, children, ...props }) => {
+          code: ({ node, className, inline, children, ...props }: any) => {
             let content = children as string;
             if (
               Array.isArray(children) &&
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index 47b1b61e..58c8d293 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -12,6 +12,7 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
+    "jsxImportSource": "react",
     "incremental": true,
     "plugins": [
       {
@@ -22,6 +23,6 @@
       "@/*": ["./src/*", "./*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": ["next-env.d.ts", "types/**/*.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]
 }
diff --git a/frontend/types/global.d.ts b/frontend/types/global.d.ts
new file mode 100644
index 00000000..2c1234b5
--- /dev/null
+++ b/frontend/types/global.d.ts
@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/// <reference types="react-dom" />
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements extends React.JSX.IntrinsicElements {}
+  }
+}
+
+export {};
\ No newline at end of file