how to wrap Snackbar component with Reanimated?

[homocodian]

these are not working

import Animated from "react-native-reanimated";
const AnimatedSnackbar = Animated.createAnimatedComponent(Snackbar);

Invariant Violation: Looks like you're passing a function component Snackbar to createAnimatedComponent function which supports only class components. Please wrap your function component with React.forwardRef() or use a class component instead.

OR

import Animated from "react-native-reanimated";
const ForwardedSnackbar = React.forwardRef((props, ref) => (
  <Snackbar {...props} ref={ref} />
));
const AnimatedSnackbar = Animated.createAnimatedComponent(ForwardedSnackbar);

Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

I want to implement swipe left or right or down to dismiss the snackbar