2 files changed, 13 insertions, 4 deletions
diff --git a/demos/simple-react/src/components/button.tsx b/demos/simple-react/src/components/button.tsx
index a3c90553c..3c62b1816 100644
--- a/demos/simple-react/src/components/button.tsx
+++ b/demos/simple-react/src/components/button.tsx
@@ -1,5 +1,7 @@
-export const Button = ({ label, onClick }) => (
+import React from "react";
+
+export const Button = ({ label, label2, onClick }) => (
   <div className="Button" onClick={onClick}>
-    <div className="Button-label">{label}</div>
+    <div className="Button-label">{label}111</div>
   </div>
 );
diff --git a/demos/simple-react/src/index.tsx b/demos/simple-react/src/index.tsx
index c0f0ec181..369a9a710 100644
--- a/demos/simple-react/src/index.tsx
+++ b/demos/simple-react/src/index.tsx
@@ -1,11 +1,18 @@
 import ReactDOM from "react-dom";
 import { Button } from "./components/button";
+import * as Bootstrap from "react-bootstrap";
+import * as leftPad from "left-pad";
+import { DatePicker } from "antd";
 
 const Base = ({}) => {
+  Bootstrap.Accordion;
   return (
     <main>
       <h1>I am the page</h1>
-      <h3>Here is some text</h3>
+      <h3 className="bacon">Here is some text</h3>
+      <>Fragmen!t</>
+      <DatePicker />
+
       <Button
         label="Do not click."
         onClick={() => alert("I told u not to click!")}
@@ -15,7 +22,7 @@ const Base = ({}) => {
 };
 
 function startReact() {
-  ReactDOM.render(() => <Base />, document.querySelector("#reactroot"));
+  ReactDOM.render(<Base />, document.querySelector("#reactroot"));
 }
 
 globalThis.addEventListener("DOMContentLoaded", () => {