updated all the tags that could be self closing to be self closing

Author: relextm19

packages/docs-gesture-handler/static/examples/FlingGestureBasic.js

@@ -72,8 +72,7 @@ export default function App() {
     <GestureHandlerRootView>
       <View ref={containerRef} style={styles.container}>
         <GestureDetector gesture={fling}>
-          <Animated.View
-            style={[styles.box, boxAnimatedStyles]}></Animated.View>
+          <Animated.View style={[styles.box, boxAnimatedStyles]} />
         </GestureDetector>
       </View>
     </GestureHandlerRootView>

packages/docs-gesture-handler/static/examples/HoverGestureBasic.js

@@ -63,7 +63,7 @@ export default function App() {
   return (
     <GestureHandlerRootView style={styles.container}>
       <GestureDetector gesture={hover}>
-        <Animated.View style={[styles.box, boxAnimatedStyle]}></Animated.View>
+        <Animated.View style={[styles.box, boxAnimatedStyle]} />
       </GestureDetector>
     </GestureHandlerRootView>
   );

packages/docs-gesture-handler/static/examples/LongPressGestureBasic.js

@@ -56,7 +56,7 @@ export default function App() {
   return (
     <GestureHandlerRootView style={styles.container}>
       <GestureDetector gesture={longPress}>
-        <Animated.View style={[styles.box, animatedStyle]}></Animated.View>
+        <Animated.View style={[styles.box, animatedStyle]} />
       </GestureDetector>
     </GestureHandlerRootView>
   );

packages/docs-gesture-handler/static/examples/PanGestureBasic.js

@@ -77,7 +77,7 @@ export default function App() {
     <GestureHandlerRootView>
       <View ref={containerRef} style={styles.container}>
         <GestureDetector gesture={pan}>
-          <Animated.View style={[animatedStyles, styles.box]}></Animated.View>
+          <Animated.View style={[animatedStyles, styles.box]} />
         </GestureDetector>
       </View>
     </GestureHandlerRootView>

packages/docs-gesture-handler/static/examples/PinchGestureBasic.js

@@ -102,7 +102,8 @@ export default function App() {
           <GestureDetector gesture={pan}>
             <Animated.View
               ref={boxRef}
-              style={[styles.box, boxAnimatedStyles]}></Animated.View>
+              style={[styles.box, boxAnimatedStyles]}
+            />
           </GestureDetector>
           <Animated.View
             style={[
@@ -114,7 +115,8 @@ export default function App() {
                 ],
                 opacity: touchOpacity,
               },
-            ]}></Animated.View>
+            ]}
+          />
           <Animated.View
             style={[
               styles.dot,
@@ -125,7 +127,8 @@ export default function App() {
                 ],
                 opacity: touchOpacity,
               },
-            ]}></Animated.View>
+            ]}
+          />
         </View>
       </View>
     </GestureHandlerRootView>

packages/docs-gesture-handler/static/examples/RotationGestureBasic.js

@@ -91,9 +91,7 @@ export default function App() {
   return (
     <GestureHandlerRootView style={styles.container}>
       <GestureDetector gesture={pan}>
-        <Animated.View
-          ref={boxRef}
-          style={[styles.box, boxAnimatedStyles]}></Animated.View>
+        <Animated.View ref={boxRef} style={[styles.box, boxAnimatedStyles]} />
       </GestureDetector>
       <Animated.View
         style={[
@@ -105,7 +103,8 @@ export default function App() {
             ],
             opacity: touchOpacity,
           },
-        ]}></Animated.View>
+        ]}
+      />
       <Animated.View
         style={[
           styles.dot,
@@ -116,7 +115,8 @@ export default function App() {
             ],
             opacity: touchOpacity,
           },
-        ]}></Animated.View>
+        ]}
+      />
     </GestureHandlerRootView>
   );
 }

packages/docs-gesture-handler/static/examples/TapGestureBasic.js

@@ -39,7 +39,7 @@ export default function App() {
   return (
     <GestureHandlerRootView style={styles.container}>
       <GestureDetector gesture={tap}>
-        <Animated.View style={[styles.box, animatedStyle]}></Animated.View>
+        <Animated.View style={[styles.box, animatedStyle]} />
       </GestureDetector>
     </GestureHandlerRootView>
   );

packages/docs-gesture-handler/versioned_docs/version-2.x/examples/FlingGestureBasic.js

@@ -71,8 +71,7 @@ export default function App() {
     <GestureHandlerRootView>
       <View ref={containerRef} style={styles.container}>
         <GestureDetector gesture={fling}>
-          <Animated.View
-            style={[styles.box, boxAnimatedStyles]}></Animated.View>
+          <Animated.View style={[styles.box, boxAnimatedStyles]} />
         </GestureDetector>
       </View>
     </GestureHandlerRootView>

packages/docs-gesture-handler/versioned_docs/version-2.x/examples/HoverGestureBasic.js

@@ -33,7 +33,9 @@ export default function App() {
       translateX.value = (event.x - startX.value) * 0.3;
       translateY.value = (event.y - startY.value) * 0.3;
 
-      const distance = Math.sqrt(Math.pow(translateX.value, 2) + Math.pow(translateY.value, 2));
+      const distance = Math.sqrt(
+        Math.pow(translateX.value, 2) + Math.pow(translateY.value, 2)
+      );
 
       progress.value = distance / 35;
     })
@@ -61,13 +63,13 @@ export default function App() {
       progress.value,
       [0, 1],
       ['#b58df1', '#fa7f7c']
-    )
+    ),
   }));
 
   return (
     <GestureHandlerRootView style={styles.container}>
       <GestureDetector gesture={hover}>
-        <Animated.View style={[styles.box, boxAnimatedStyle]}></Animated.View>
+        <Animated.View style={[styles.box, boxAnimatedStyle]} />
       </GestureDetector>
     </GestureHandlerRootView>
   );

packages/docs-gesture-handler/versioned_docs/version-2.x/examples/LongPressGestureBasic.js

@@ -55,7 +55,7 @@ export default function App() {
   return (
     <GestureHandlerRootView style={styles.container}>
       <GestureDetector gesture={longPress}>
-        <Animated.View style={[styles.box, animatedStyle]}></Animated.View>
+        <Animated.View style={[styles.box, animatedStyle]} />
       </GestureDetector>
     </GestureHandlerRootView>
   );