From a905ca1aafe2039d10b86b47bd155a326b7d82c7 Mon Sep 17 00:00:00 2001
From: p-sw <shinwoo.park@psw.kr>
Date: Sun, 2 Jun 2024 02:07:07 +0900
Subject: [PATCH] fix: make table safely overflow

---
 packages/react/src/App.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/react/src/App.tsx b/packages/react/src/App.tsx
index d3de25e..76320e0 100644
--- a/packages/react/src/App.tsx
+++ b/packages/react/src/App.tsx
@@ -23,6 +23,11 @@ const overrideComponents = {
       className={`${props.className} rounded-md bg-neutral-800 text-orange-500 font-light p-1 before:content-none after:content-none`}
     />
   ),
+  table: (props: any) => (
+    <div className="overflow-auto">
+      <table {...props} className={`${props.className}`} />
+    </div>
+  ),
 };
 
 const router = createBrowserRouter(