diff --git a/tdrive/frontend/src/app/atoms/animated-height/index.tsx b/tdrive/frontend/src/app/atoms/animated-height/index.tsx index fe553783..de2324f7 100644 --- a/tdrive/frontend/src/app/atoms/animated-height/index.tsx +++ b/tdrive/frontend/src/app/atoms/animated-height/index.tsx @@ -8,7 +8,7 @@ import { useRef, } from "react"; -let interval: any = null; +let interval: ReturnType | null = null; export const AnimatedHeight = memo( (props: { children: ReactNode } & InputHTMLAttributes) => { @@ -28,7 +28,8 @@ export const AnimatedHeight = memo( updateSize(); }, 200); return () => { - clearInterval(interval); + if (interval) + clearInterval(interval); }; }, []); diff --git a/tdrive/frontend/src/app/atoms/input/stories/checkbox.stories.tsx b/tdrive/frontend/src/app/atoms/input/stories/checkbox.stories.tsx index 262f8435..4ee9fcca 100644 --- a/tdrive/frontend/src/app/atoms/input/stories/checkbox.stories.tsx +++ b/tdrive/frontend/src/app/atoms/input/stories/checkbox.stories.tsx @@ -36,7 +36,7 @@ const Template: ComponentStory = (props: { label: string; disabled: boolean CheckboxSlider setChecked(!checked)} + onClick={() => setChecked(!checked)} checked={checked} disabled={props.disabled} /> diff --git a/tdrive/frontend/src/app/atoms/modal/confirm.stories.tsx b/tdrive/frontend/src/app/atoms/modal/confirm.stories.tsx index 4e0d5dd2..bad0dc51 100644 --- a/tdrive/frontend/src/app/atoms/modal/confirm.stories.tsx +++ b/tdrive/frontend/src/app/atoms/modal/confirm.stories.tsx @@ -4,7 +4,6 @@ import { action } from '@storybook/addon-actions'; import { RecoilRoot } from 'recoil'; import { ComponentStory } from '@storybook/react'; import { CheckCircleIcon, ExclamationCircleIcon } from '@heroicons/react/outline'; -import { Title } from '../text'; import { ConfirmModal, ConfirmModalProps } from './confirm'; const icons = { @@ -36,6 +35,7 @@ export default { } }; +// eslint-disable-next-line @typescript-eslint/no-explicit-any const Template: ComponentStory = (props: ConfirmModalProps) => { const [open, setOpen] = useState(true);