diff --git a/src/ReactCardFlip.tsx b/src/ReactCardFlip.tsx index 44d688f..d574cef 100644 --- a/src/ReactCardFlip.tsx +++ b/src/ReactCardFlip.tsx @@ -32,15 +32,15 @@ const ReactCardFlip: React.FC = (props) => { ...props } - const [isFlipped, setFlipped] = useState(isFlipped); + const [isFlippedState, setFlipped] = useState(isFlipped); const [rotation, setRotation] = useState(0); useEffect(() => { - if (isFlipped !== isFlipped) { + if (isFlipped !== isFlippedState) { setFlipped(isFlipped); setRotation((c) => c + 180); } - }, [props.isFlipped]); + }, [isFlipped]); const getContainerClassName = useMemo(() => { let className = 'react-card-flip';