fix ref

webeetle · Jul 26, 2021 · a6a2153 · a6a2153
1 parent 70378bf
commit a6a2153
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 14 deletions.
diff --git a/src/components/Button/Button.jsx b/src/components/Button/Button.jsx
@@ -12,7 +12,7 @@ import {
   generateDisabled,
 } from "../../Utils/Utils";
 
-const Button = (btnProps, ref) => {
+const Button = forwardRef((btnProps, ref) => {
   const {
     state: { button = {} },
   } = useWindyTheme();
@@ -123,7 +123,7 @@ const Button = (btnProps, ref) => {
       {props.children}
     </button>
   );
-};
+});
 
 Button.propTypes = {
   size: PropTypes.oneOf(["xs", "sm", "md", "lg", "xl"]),
@@ -148,4 +148,4 @@ Button.propTypes = {
   children: PropTypes.any,
 };
 
-export default forwardRef(Button);
+export default Button;
diff --git a/src/components/Form/Checkbox/Checkbox.jsx b/src/components/Form/Checkbox/Checkbox.jsx
@@ -5,7 +5,7 @@ import { overrideTailwindClasses } from "tailwind-override";
 import { generateDisabled } from "../../../Utils/Utils";
 import { useWindyTheme } from "../../../context.jsx";
 
-const Checkbox = (checkboxProps, ref) => {
+const Checkbox = forwardRef((checkboxProps, ref) => {
   const {
     state: { checkbox = {} },
   } = useWindyTheme();
@@ -93,7 +93,7 @@ const Checkbox = (checkboxProps, ref) => {
       {label && <div className="select-none">{label}</div>}
     </label>
   );
-};
+});
 Checkbox.propTypes = {
   className: PropTypes.string,
   shadow: PropTypes.bool,
@@ -113,4 +113,4 @@ Checkbox.propTypes = {
   ]),
 };
 
-export default forwardRef(Checkbox);
+export default Checkbox;
diff --git a/src/components/Form/Input/Input.jsx b/src/components/Form/Input/Input.jsx
@@ -7,7 +7,7 @@ import { useWindyTheme } from "../../../context.jsx";
 //Utils
 import { generateShadow } from "../../../Utils/Utils";
 
-const Input = (inputProps, ref) => {
+const Input = forwardRef((inputProps, ref) => {
   const {
     state: { input = {} },
   } = useWindyTheme();
@@ -174,7 +174,7 @@ const Input = (inputProps, ref) => {
       </div>
     </>
   );
-};
+});
 Input.propTypes = {
   className: PropTypes.string,
   fullWidth: PropTypes.bool,
@@ -196,4 +196,4 @@ Input.propTypes = {
   ]),
 };
 
-export default forwardRef(Input);
+export default Input;
diff --git a/src/components/Form/Radio/Radio.jsx b/src/components/Form/Radio/Radio.jsx
@@ -5,7 +5,7 @@ import { overrideTailwindClasses } from "tailwind-override";
 import { generateDisabled } from "../../../Utils/Utils";
 import { useWindyTheme } from "../../../context.jsx";
 
-const Radio = (radioProps, ref) => {
+const Radio = forwardRef((radioProps, ref) => {
   const {
     state: { radio = {} },
   } = useWindyTheme();
@@ -106,7 +106,7 @@ const Radio = (radioProps, ref) => {
       {label && <div className="select-none">{label}</div>}
     </label>
   );
-};
+});
 Radio.propTypes = {
   className: PropTypes.string,
   shadow: PropTypes.bool,
@@ -124,4 +124,4 @@ Radio.propTypes = {
   ]),
 };
 
-export default forwardRef(Radio);
+export default Radio;
diff --git a/src/index.js b/src/index.js
@@ -21,8 +21,8 @@ import Skeleton from "./components/Skeleton/Skeleton.jsx";
 import Table from "./components/Table/Table.jsx";
 import Tooltip from "./components/Tooltip/Tooltip.jsx";
 
-import Tabs from "./components/Tabs/Tabs";
-import Accordion from "./components/Accordion/Accordion";
+import Tabs from "./components/Tabs/Tabs.jsx";
+import Accordion from "./components/Accordion/Accordion.jsx";
 
 import { WindyProvider, useWindyTheme, windyTheme } from "./context.jsx";