getting red warning cannot updated state when setting progress in drawer Content about freebies HOT 2 CLOSED

import React, {useEffect, useRef} from 'react';
import {Animated, StyleSheet} from 'react-native';
import { useIsDrawerOpen } from '@react-navigation/drawer';

/* drawer menu screens navigation */
const ScreensStack = () => {
  const isDrawerOpen = useIsDrawerOpen();
  const animation = useRef(new Animated.Value(0)).current;

  const scale = animation.interpolate({
    inputRange: [0, 1],
    outputRange: [1, 0.88],
  });

  const borderRadius = animation.interpolate({
    inputRange: [0, 1],
    outputRange: [0, 16],
  });

  const animatedStyle = {
    borderRadius: borderRadius,
    transform: [{scale: scale}],
  };

  useEffect(() => {
    Animated.timing(animation, {
      duration: 200,
      useNativeDriver: true,
      toValue: isDrawerOpen ? 1 : 0,
    }).start();
  }, [isDrawerOpen, animation]);

  return (
    <Animated.View
      style={StyleSheet.flatten([
        animatedStyle,
        {
          flex: 1,
          overflow: 'hidden',
          borderWidth: isDrawerOpen ? 1 : 0
        },
      ])}>
      {/* your Stack.Navigation screens */}
      <Screens />
    </Animated.View>
  );
};