forward switch ref

src/shared/components/switch/switch.tsx

@@ -1,12 +1,14 @@
 import type { SwitchProps as MantineSwitchProps } from '@mantine/core';
 
 import { Switch as MantineSwitch } from '@mantine/core';
+import { forwardRef, Ref } from 'react';
 
 import styles from './switch.module.css';
 
 type SwitchProps = MantineSwitchProps;
 
-export const Switch = ({ classNames, ...props }: SwitchProps) => {
+export const Switch = forwardRef(
+    ({ classNames, ...props }: SwitchProps, ref: Ref<HTMLInputElement>) => {
         return (
             <MantineSwitch
                 classNames={{
@@ -16,8 +18,10 @@ export const Switch = ({ classNames, ...props }: SwitchProps) => {
                     track: styles.track,
                     ...classNames,
                 }}
+                ref={ref}
                 withThumbIndicator={false}
                 {...props}
             />
         );
-};
+    },
+);