diff --git a/src/components/common/ImageLoadingWrapper/index.tsx b/src/components/common/ImageLoadingWrapper/index.tsx index 186f559c..a8fe5749 100644 --- a/src/components/common/ImageLoadingWrapper/index.tsx +++ b/src/components/common/ImageLoadingWrapper/index.tsx @@ -1,9 +1,4 @@ -import React, { - CSSProperties, - FC, - useMemo, - useReducer, -} from 'react'; +import React, { CSSProperties, FC, useMemo, useReducer } from 'react'; import classNames from 'classnames'; @@ -24,7 +19,7 @@ const ImageLoadingWrapper: FC = ({ color, ...props }) => { - const [loading, onLoad] = useReducer((v) => false, true); + const [loading, onLoad] = useReducer(() => false, true); const style = useMemo( () => ({ diff --git a/src/components/node/NodeImageLazy/index.tsx b/src/components/node/NodeImageLazy/index.tsx index 3ffeab3d..4d785916 100644 --- a/src/components/node/NodeImageLazy/index.tsx +++ b/src/components/node/NodeImageLazy/index.tsx @@ -23,7 +23,7 @@ const NodeImageLazy: FC = ({ if (file.url.endsWith('svg')) { return ( = ({ return ( = observer(({ node }) => { - const [controlledSwiper, setControlledSwiper] = useState< - SwiperClass | undefined - >(undefined); + const [controlledSwiper, setControlledSwiper] = useState(); const showPhotoSwiper = useImageModal(); const { isOpened: isModalActive } = useModal(); @@ -89,8 +87,7 @@ const NodeImageSwiperBlock: FC = observer(({ node }) => { useEffect(() => { controlledSwiper?.slideTo(0, 0); return () => controlledSwiper?.slideTo(0, 0); - // eslint-disable-next-line react-hooks/exhaustive-deps - }, [images, node?.id]); + }, [controlledSwiper, images, node.id]); useEffect(() => { if (isModalActive) { @@ -98,8 +95,7 @@ const NodeImageSwiperBlock: FC = observer(({ node }) => { } else { controlledSwiper?.keyboard.enable(); } - // eslint-disable-next-line react-hooks/exhaustive-deps - }, [isModalActive]); + }, [controlledSwiper?.keyboard, isModalActive]); if (!images?.length) { return null;