non_rote_split.tsx

import React , {useState,lazy} from "react";
import Button from "./button";

const DialogBox = lazy(() => import("./dialogBox"));

const MyComponent = () => {
  const [showDialogBox, setShowDialogBox] = useState(false);
  return(
    <div>
      <React.Suspense fallback={"loading"} />
        <DialogBox show={showDialogBox}/>
      <React.Suspense/>
      <Button onClick={() => setShowDialogBox(true)} />
     </div>
      );
}