탭 애니메이션 스테이트 변경(사용)시 워닝

function TabComponent(props) {

    useEffect(()=>{
        props.setAniSwitch(true); //여기에서 워닝떠요
    })

    if (props.tab === 0) {
        return <div>0번째 내용</div>
    } else if (props.tab === 1) {
        return <div>1번째 내용</div>
    } else if (props.tab === 2) {
        return <div>2번째 내용</div>
    }
}

되기는 잘 되는데 콘솔창에

Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. Instead, add a ref directly to the element you want to reference.

요런게 떠서 검색해보니

If you're using a Modal or Carousel from react-bootstrap a workaround is disabling the animations. Turning them off makes the warning disappear.

( https://url.kr/asmw5e ) 스텍오버플로우

라고 리엑트 부트스트렙 쓰면 애니메이션 쓰지 말라는데

혹시 useEffect안에 넣어서 그런가 하고 if안에 넣어봤더니 안돌아가네염

혹시나 해서 useEffect 리턴문 안에 넣어서도 해봤는데 똑같이 애니메이션은 잘되는데 warning떠용

위 링크처럼 애니메이션 스위치 빼서 안쓰니까 워닝은 안뜨네용(당연 애니메이션도 안됨)

차라리 false랑 true일때 발동되는 애니메이션을 거꾸로 해버리고 초기화를 false로 해버릴까요

제 손을 잡아주시옵소서 전하