From 84ab9e23b542f9743e2f4e1326c96bebb602325c Mon Sep 17 00:00:00 2001
From: KIMGEONHWI <dirnrlarjsgn@naver.com>
Date: Tue, 8 Apr 2025 19:17:43 +0900
Subject: [PATCH] fix: show tri-state result example using null as initial
 state

---
 docs/src/pages/en/docs/guides/introduction.mdx | 4 ++--
 docs/src/pages/ko/docs/guides/introduction.mdx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/src/pages/en/docs/guides/introduction.mdx b/docs/src/pages/en/docs/guides/introduction.mdx
index 65ed961..4bb6972 100644
--- a/docs/src/pages/en/docs/guides/introduction.mdx
+++ b/docs/src/pages/en/docs/guides/introduction.mdx
@@ -173,11 +173,11 @@ import Button from '@mui/material/Button';
 import { ConfirmDialog } from './confirm-dialog';
 
 function App() {
-  const [result, setResult] = useState<boolean>();
+  const [result, setResult] = useState<boolean | null>(null);
 
   return (
     <>
-      <p>result: {result ? 'Y' : 'N'}</p>
+      <p>{result === null ? 'Not selected' : result ? 'Y' : 'N'}</p>
       <Button
         onClick={async () => {
           const result = await overlay.openAsync(({ isOpen, close }) => {
diff --git a/docs/src/pages/ko/docs/guides/introduction.mdx b/docs/src/pages/ko/docs/guides/introduction.mdx
index 09456d0..de1f5a1 100644
--- a/docs/src/pages/ko/docs/guides/introduction.mdx
+++ b/docs/src/pages/ko/docs/guides/introduction.mdx
@@ -173,11 +173,11 @@ import Button from '@mui/material/Button';
 import { ConfirmDialog } from './confirm-dialog';
 
 function App() {
-  const [result, setResult] = useState<boolean>();
+  const [result, setResult] = useState<boolean | null>(null);
 
   return (
     <>
-      <p>result: {result ? 'Y' : 'N'}</p>
+      <p>{result === null ? "Not selected" : result ? "Y" : "N"}</p>
       <Button
         onClick={async () => {
           const result = await overlay.openAsync(({ isOpen, close }) => {