Currently when we add component into GestureDetector, we add collapsable={false} to its props. However, it does nothing on web, so we can safely remove it. This way we can get rid of the following error:
Warning: Received `false` for a non-boolean attribute `collapsable`.
Closes #3201
Test plan
Tested on the following code:
```jsx
import {
GestureHandlerRootView,
GestureDetector,
Gesture,
} from 'react-native-gesture-handler';
import { View } from 'react-native';
import { Svg, Circle } from 'react-native-svg';
import { useState, useCallback } from 'react';
export default function App() {
const [circleFill, setCircleFill] = useState('blue');
const switchCircleColor = useCallback(
() => setCircleFill((old) => (old === 'blue' ? 'brown' : 'blue')),
[setCircleFill]
);
const tapGestureCircle = Gesture.Tap().runOnJS(true).onEnd(switchCircleColor);
return (
);
}
```
Description
Currently when we add component into
GestureDetector
, we addcollapsable={false}
to its props. However, it does nothing on web, so we can safely remove it. This way we can get rid of the following error:Closes #3201
Test plan
Tested on the following code:
```jsx import { GestureHandlerRootView, GestureDetector, Gesture, } from 'react-native-gesture-handler'; import { View } from 'react-native'; import { Svg, Circle } from 'react-native-svg'; import { useState, useCallback } from 'react'; export default function App() { const [circleFill, setCircleFill] = useState('blue'); const switchCircleColor = useCallback( () => setCircleFill((old) => (old === 'blue' ? 'brown' : 'blue')), [setCircleFill] ); const tapGestureCircle = Gesture.Tap().runOnJS(true).onEnd(switchCircleColor); return (