aboutsummaryrefslogtreecommitdiff
path: root/demos/react-fast-refresh-test/src/components/button.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'demos/react-fast-refresh-test/src/components/button.tsx')
-rw-r--r--demos/react-fast-refresh-test/src/components/button.tsx38
1 files changed, 5 insertions, 33 deletions
diff --git a/demos/react-fast-refresh-test/src/components/button.tsx b/demos/react-fast-refresh-test/src/components/button.tsx
index 3f55fae34..4c3388670 100644
--- a/demos/react-fast-refresh-test/src/components/button.tsx
+++ b/demos/react-fast-refresh-test/src/components/button.tsx
@@ -1,37 +1,9 @@
-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]);
+import { RenderCounter } from "./RenderCounter";
+export const Button = ({ children }) => {
return (
- <div className="Button" onClick={onClick}>
- <Toast>f</Toast>
- <div className="Button-label">{label}12</div>
- <NewComponent />
- </div>
+ <RenderCounter name="Button">
+ <div className="Button">{children}</div>
+ </RenderCounter>
);
};
-
-const Bacon = Button;
-
-export { Bacon, Bacon as Button };
-
-const RefreshLike = () => {};
-
-const useBacon = () => {
- return [1, 8];
-};