Rename CSS stress test

1 files changed, 37 insertions, 0 deletions

diff --git a/demos/react-fast-refresh-test/src/components/button.tsx b/demos/react-fast-refresh-test/src/components/button.tsx
new file mode 100644
index 000000000..3f55fae34
--- /dev/null
+++ b/demos/react-fast-refresh-test/src/components/button.tsx
@@ -0,0 +1,37 @@
+import React from "react";
+import { NewComponent } from "./new-comp";
+
+const Toast = () => {
+  const [baconyes, baconno] = useBacon();
+  return <div>false</div>;
+};
+const Button = ({ label, label2, onClick }) => {
+  const useCustomHookInsideFunction = (what, arr) => {
+    return [true, false];
+  };
+  const [on, setOn] = React.useState(false);
+
+  React.useEffect(() => {
+    console.log({ on });
+  }, [on]);
+
+  // const [foo1, foo2] = useCustomHookInsideFunction(() => {}, [on]);
+
+  return (
+    <div className="Button" onClick={onClick}>
+      <Toast>f</Toast>
+      <div className="Button-label">{label}12</div>
+      <NewComponent />
+    </div>
+  );
+};
+
+const Bacon = Button;
+
+export { Bacon, Bacon as Button };
+
+const RefreshLike = () => {};
+
+const useBacon = () => {
+  return [1, 8];
+};