@hero-design/rn 8.38.0 → 8.39.1

package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap

@@ -5,7 +5,7 @@ exports[`OptionList render isLoading correctly 1`] = `
   ListFooterComponent={
     <View
       style={
-        Object {
+        {
           "alignItems": "center",
           "display": "flex",
           "height": 56,
@@ -16,24 +16,24 @@ exports[`OptionList render isLoading correctly 1`] = `
     </View>
   }
   data={
-    Array [
-      Object {
+    [
+      {
         "category": "A",
-        "data": Array [
-          Object {
+        "data": [
+          {
             "text": "A1",
             "value": "a1",
           },
         ],
       },
-      Object {
+      {
         "category": "B",
-        "data": Array [
-          Object {
+        "data": [
+          {
             "text": "B1",
             "value": "b1",
           },
-          Object {
+          {
             "text": "B2",
             "value": "b2",
           },
@@ -56,21 +56,21 @@ exports[`OptionList render isLoading correctly 1`] = `
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
-    Array [
+    [
       0,
       3,
     ]
   }
   style={
-    Array [
-      Object {
+    [
+      {
         "paddingHorizontal": 12,
       },
-      Array [
-        Object {
+      [
+        {
           "paddingBottom": 16,
         },
-        Object {},
+        {},
       ],
     ]
   }
@@ -82,8 +82,8 @@ exports[`OptionList render isLoading correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignContent": "center",
               "backgroundColor": "#f6f6f7",
               "display": "flex",
@@ -93,7 +93,7 @@ exports[`OptionList render isLoading correctly 1`] = `
               "paddingHorizontal": 16,
               "paddingVertical": 8,
             },
-            Object {
+            {
               "marginBottom": 0,
             },
           ]
@@ -101,8 +101,8 @@ exports[`OptionList render isLoading correctly 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "display": "flex",
                 "flexDirection": "row",
               },
@@ -112,8 +112,8 @@ exports[`OptionList render isLoading correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginRight": 8,
                 },
                 undefined,
@@ -123,8 +123,8 @@ exports[`OptionList render isLoading correctly 1`] = `
           <Text
             allowFontScaling={false}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-Regular",
                   "fontSize": 16,
@@ -152,10 +152,10 @@ exports[`OptionList render isLoading correctly 1`] = `
         <View
           highlighted={false}
           section={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -163,28 +163,28 @@ exports[`OptionList render isLoading correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "A1",
               "value": "a1",
             }
           }
           trailingSection={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -194,7 +194,7 @@ exports[`OptionList render isLoading correctly 1`] = `
         />
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -208,8 +208,8 @@ exports[`OptionList render isLoading correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ece8ef",
                 "borderRadius": 4,
@@ -223,8 +223,8 @@ exports[`OptionList render isLoading correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -234,8 +234,8 @@ exports[`OptionList render isLoading correctly 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -256,16 +256,16 @@ exports[`OptionList render isLoading correctly 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "A1",
               "value": "a1",
             }
           }
           section={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -273,22 +273,22 @@ exports[`OptionList render isLoading correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingSection={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -308,8 +308,8 @@ exports[`OptionList render isLoading correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignContent": "center",
               "backgroundColor": "#f6f6f7",
               "display": "flex",
@@ -319,7 +319,7 @@ exports[`OptionList render isLoading correctly 1`] = `
               "paddingHorizontal": 16,
               "paddingVertical": 8,
             },
-            Object {
+            {
               "marginBottom": 0,
             },
           ]
@@ -327,8 +327,8 @@ exports[`OptionList render isLoading correctly 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "display": "flex",
                 "flexDirection": "row",
               },
@@ -338,8 +338,8 @@ exports[`OptionList render isLoading correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginRight": 8,
                 },
                 undefined,
@@ -349,8 +349,8 @@ exports[`OptionList render isLoading correctly 1`] = `
           <Text
             allowFontScaling={false}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-Regular",
                   "fontSize": 16,
@@ -378,10 +378,10 @@ exports[`OptionList render isLoading correctly 1`] = `
         <View
           highlighted={false}
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -389,14 +389,14 @@ exports[`OptionList render isLoading correctly 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -404,15 +404,15 @@ exports[`OptionList render isLoading correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "B1",
               "value": "b1",
             }
@@ -420,7 +420,7 @@ exports[`OptionList render isLoading correctly 1`] = `
         />
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -434,8 +434,8 @@ exports[`OptionList render isLoading correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ffffff",
                 "borderRadius": 4,
@@ -449,8 +449,8 @@ exports[`OptionList render isLoading correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -460,8 +460,8 @@ exports[`OptionList render isLoading correctly 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -482,16 +482,16 @@ exports[`OptionList render isLoading correctly 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "B1",
               "value": "b1",
             }
           }
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -499,14 +499,14 @@ exports[`OptionList render isLoading correctly 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -514,15 +514,15 @@ exports[`OptionList render isLoading correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 4,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "B2",
               "value": "b2",
             }
@@ -537,7 +537,7 @@ exports[`OptionList render isLoading correctly 1`] = `
       <View>
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -551,8 +551,8 @@ exports[`OptionList render isLoading correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ffffff",
                 "borderRadius": 4,
@@ -566,8 +566,8 @@ exports[`OptionList render isLoading correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -577,8 +577,8 @@ exports[`OptionList render isLoading correctly 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -599,16 +599,16 @@ exports[`OptionList render isLoading correctly 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "B2",
               "value": "b2",
             }
           }
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -616,14 +616,14 @@ exports[`OptionList render isLoading correctly 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -631,8 +631,8 @@ exports[`OptionList render isLoading correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
@@ -650,7 +650,7 @@ exports[`OptionList render isLoading correctly 1`] = `
     >
       <View
         style={
-          Object {
+          {
             "alignItems": "center",
             "display": "flex",
             "height": 56,
@@ -659,16 +659,16 @@ exports[`OptionList render isLoading correctly 1`] = `
       >
         <View
           style={
-            Array [
-              Object {},
+            [
+              {},
               undefined,
             ]
           }
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "alignItems": "center",
                   "height": "100%",
                   "justifyContent": "center",
@@ -680,9 +680,9 @@ exports[`OptionList render isLoading correctly 1`] = `
             <View
               collapsable={false}
               style={
-                Object {
-                  "transform": Array [
-                    Object {
+                {
+                  "transform": [
+                    {
                       "rotate": "0deg",
                     },
                   ],
@@ -692,12 +692,12 @@ exports[`OptionList render isLoading correctly 1`] = `
               <View
                 collapsable={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "flexDirection": "row",
                       "marginBottom": 8,
                     },
-                    Object {},
+                    {},
                   ]
                 }
                 themePosition="top"
@@ -706,15 +706,15 @@ exports[`OptionList render isLoading correctly 1`] = `
                 <View
                   collapsable={false}
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
                         "opacity": 0.9,
                         "width": 16,
                       },
-                      Object {},
+                      {},
                     ]
                   }
                   themeIntent="primary"
@@ -724,8 +724,8 @@ exports[`OptionList render isLoading correctly 1`] = `
                 <View
                   collapsable={false}
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
@@ -733,7 +733,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                         "opacity": 0.675,
                         "width": 16,
                       },
-                      Object {},
+                      {},
                     ]
                   }
                   themeIntent="primary"
@@ -744,12 +744,12 @@ exports[`OptionList render isLoading correctly 1`] = `
               <View
                 collapsable={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "flexDirection": "row",
                       "marginBottom": 0,
                     },
-                    Object {},
+                    {},
                   ]
                 }
                 themePosition="bottom"
@@ -758,15 +758,15 @@ exports[`OptionList render isLoading correctly 1`] = `
                 <View
                   collapsable={false}
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
                         "opacity": 0.45,
                         "width": 16,
                       },
-                      Object {},
+                      {},
                     ]
                   }
                   themeIntent="primary"
@@ -776,8 +776,8 @@ exports[`OptionList render isLoading correctly 1`] = `
                 <View
                   collapsable={false}
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
@@ -785,7 +785,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                         "opacity": 0.225,
                         "width": 16,
                       },
-                      Object {},
+                      {},
                     ]
                   }
                   themeIntent="primary"
@@ -806,24 +806,24 @@ exports[`OptionList renders correctly 1`] = `
 <RCTScrollView
   ListFooterComponent={null}
   data={
-    Array [
-      Object {
+    [
+      {
         "category": "A",
-        "data": Array [
-          Object {
+        "data": [
+          {
             "text": "A1",
             "value": "a1",
           },
         ],
       },
-      Object {
+      {
         "category": "B",
-        "data": Array [
-          Object {
+        "data": [
+          {
             "text": "B1",
             "value": "b1",
           },
-          Object {
+          {
             "text": "B2",
             "value": "b2",
           },
@@ -846,21 +846,21 @@ exports[`OptionList renders correctly 1`] = `
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
-    Array [
+    [
       0,
       3,
     ]
   }
   style={
-    Array [
-      Object {
+    [
+      {
         "paddingHorizontal": 12,
       },
-      Array [
-        Object {
+      [
+        {
           "paddingBottom": 16,
         },
-        Object {},
+        {},
       ],
     ]
   }
@@ -872,8 +872,8 @@ exports[`OptionList renders correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignContent": "center",
               "backgroundColor": "#f6f6f7",
               "display": "flex",
@@ -883,7 +883,7 @@ exports[`OptionList renders correctly 1`] = `
               "paddingHorizontal": 16,
               "paddingVertical": 8,
             },
-            Object {
+            {
               "marginBottom": 0,
             },
           ]
@@ -891,8 +891,8 @@ exports[`OptionList renders correctly 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "display": "flex",
                 "flexDirection": "row",
               },
@@ -902,8 +902,8 @@ exports[`OptionList renders correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginRight": 8,
                 },
                 undefined,
@@ -913,8 +913,8 @@ exports[`OptionList renders correctly 1`] = `
           <Text
             allowFontScaling={false}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-Regular",
                   "fontSize": 16,
@@ -942,10 +942,10 @@ exports[`OptionList renders correctly 1`] = `
         <View
           highlighted={false}
           section={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -953,28 +953,28 @@ exports[`OptionList renders correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "A1",
               "value": "a1",
             }
           }
           trailingSection={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -984,7 +984,7 @@ exports[`OptionList renders correctly 1`] = `
         />
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -998,8 +998,8 @@ exports[`OptionList renders correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ece8ef",
                 "borderRadius": 4,
@@ -1013,8 +1013,8 @@ exports[`OptionList renders correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -1024,8 +1024,8 @@ exports[`OptionList renders correctly 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -1046,16 +1046,16 @@ exports[`OptionList renders correctly 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "A1",
               "value": "a1",
             }
           }
           section={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -1063,22 +1063,22 @@ exports[`OptionList renders correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingSection={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -1098,8 +1098,8 @@ exports[`OptionList renders correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignContent": "center",
               "backgroundColor": "#f6f6f7",
               "display": "flex",
@@ -1109,7 +1109,7 @@ exports[`OptionList renders correctly 1`] = `
               "paddingHorizontal": 16,
               "paddingVertical": 8,
             },
-            Object {
+            {
               "marginBottom": 0,
             },
           ]
@@ -1117,8 +1117,8 @@ exports[`OptionList renders correctly 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "display": "flex",
                 "flexDirection": "row",
               },
@@ -1128,8 +1128,8 @@ exports[`OptionList renders correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginRight": 8,
                 },
                 undefined,
@@ -1139,8 +1139,8 @@ exports[`OptionList renders correctly 1`] = `
           <Text
             allowFontScaling={false}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-Regular",
                   "fontSize": 16,
@@ -1168,10 +1168,10 @@ exports[`OptionList renders correctly 1`] = `
         <View
           highlighted={false}
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -1179,14 +1179,14 @@ exports[`OptionList renders correctly 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -1194,15 +1194,15 @@ exports[`OptionList renders correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "B1",
               "value": "b1",
             }
@@ -1210,7 +1210,7 @@ exports[`OptionList renders correctly 1`] = `
         />
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -1224,8 +1224,8 @@ exports[`OptionList renders correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ffffff",
                 "borderRadius": 4,
@@ -1239,8 +1239,8 @@ exports[`OptionList renders correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -1250,8 +1250,8 @@ exports[`OptionList renders correctly 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -1272,16 +1272,16 @@ exports[`OptionList renders correctly 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "B1",
               "value": "b1",
             }
           }
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -1289,14 +1289,14 @@ exports[`OptionList renders correctly 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -1304,15 +1304,15 @@ exports[`OptionList renders correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 4,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "B2",
               "value": "b2",
             }
@@ -1327,7 +1327,7 @@ exports[`OptionList renders correctly 1`] = `
       <View>
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -1341,8 +1341,8 @@ exports[`OptionList renders correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ffffff",
                 "borderRadius": 4,
@@ -1356,8 +1356,8 @@ exports[`OptionList renders correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -1367,8 +1367,8 @@ exports[`OptionList renders correctly 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -1389,16 +1389,16 @@ exports[`OptionList renders correctly 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "B2",
               "value": "b2",
             }
           }
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -1406,14 +1406,14 @@ exports[`OptionList renders correctly 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -1421,8 +1421,8 @@ exports[`OptionList renders correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
@@ -1443,24 +1443,24 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
 <RCTScrollView
   ListFooterComponent={null}
   data={
-    Array [
-      Object {
+    [
+      {
         "category": "A",
-        "data": Array [
-          Object {
+        "data": [
+          {
             "text": "A1",
             "value": "a1",
           },
         ],
       },
-      Object {
+      {
         "category": "B",
-        "data": Array [
-          Object {
+        "data": [
+          {
             "text": "B1",
             "value": "b1",
           },
-          Object {
+          {
             "text": "B2",
             "value": "b2",
           },
@@ -1483,21 +1483,21 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
-    Array [
+    [
       0,
       3,
     ]
   }
   style={
-    Array [
-      Object {
+    [
+      {
         "paddingHorizontal": 12,
       },
-      Array [
-        Object {
+      [
+        {
           "paddingBottom": 16,
         },
-        Object {},
+        {},
       ],
     ]
   }
@@ -1509,8 +1509,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignContent": "center",
               "backgroundColor": "#f6f6f7",
               "display": "flex",
@@ -1520,7 +1520,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
               "paddingHorizontal": 16,
               "paddingVertical": 8,
             },
-            Object {
+            {
               "marginBottom": 0,
             },
           ]
@@ -1528,8 +1528,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "display": "flex",
                 "flexDirection": "row",
               },
@@ -1539,8 +1539,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginRight": 8,
                 },
                 undefined,
@@ -1550,8 +1550,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
           <Text
             allowFontScaling={false}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-Regular",
                   "fontSize": 16,
@@ -1579,10 +1579,10 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
         <View
           highlighted={false}
           section={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -1590,28 +1590,28 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "A1",
               "value": "a1",
             }
           }
           trailingSection={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -1621,7 +1621,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
         />
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -1635,8 +1635,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ece8ef",
                 "borderRadius": 4,
@@ -1650,8 +1650,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -1661,8 +1661,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -1683,16 +1683,16 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "A1",
               "value": "a1",
             }
           }
           section={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -1700,22 +1700,22 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingSection={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -1735,8 +1735,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignContent": "center",
               "backgroundColor": "#f6f6f7",
               "display": "flex",
@@ -1746,7 +1746,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
               "paddingHorizontal": 16,
               "paddingVertical": 8,
             },
-            Object {
+            {
               "marginBottom": 0,
             },
           ]
@@ -1754,8 +1754,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "display": "flex",
                 "flexDirection": "row",
               },
@@ -1765,8 +1765,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginRight": 8,
                 },
                 undefined,
@@ -1776,8 +1776,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
           <Text
             allowFontScaling={false}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-Regular",
                   "fontSize": 16,
@@ -1805,10 +1805,10 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
         <View
           highlighted={false}
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -1816,14 +1816,14 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -1831,15 +1831,15 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "B1",
               "value": "b1",
             }
@@ -1847,7 +1847,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
         />
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -1861,8 +1861,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ffffff",
                 "borderRadius": 4,
@@ -1876,8 +1876,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -1887,8 +1887,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -1909,16 +1909,16 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "B1",
               "value": "b1",
             }
           }
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -1926,14 +1926,14 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -1941,15 +1941,15 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 4,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "B2",
               "value": "b2",
             }
@@ -1964,7 +1964,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
       <View>
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -1978,8 +1978,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ffffff",
                 "borderRadius": 4,
@@ -1993,8 +1993,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -2004,8 +2004,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -2026,16 +2026,16 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "B2",
               "value": "b2",
             }
           }
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -2043,14 +2043,14 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -2058,8 +2058,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
@@ -2080,24 +2080,24 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
 <RCTScrollView
   ListFooterComponent={null}
   data={
-    Array [
-      Object {
+    [
+      {
         "category": "A",
-        "data": Array [
-          Object {
+        "data": [
+          {
             "text": "A1",
             "value": "a1",
           },
         ],
       },
-      Object {
+      {
         "category": "B",
-        "data": Array [
-          Object {
+        "data": [
+          {
             "text": "B1",
             "value": "b1",
           },
-          Object {
+          {
             "text": "B2",
             "value": "b2",
           },
@@ -2120,21 +2120,21 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
-    Array [
+    [
       0,
       3,
     ]
   }
   style={
-    Array [
-      Object {
+    [
+      {
         "paddingHorizontal": 12,
       },
-      Array [
-        Object {
+      [
+        {
           "paddingBottom": 16,
         },
-        Object {},
+        {},
       ],
     ]
   }
@@ -2146,8 +2146,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignContent": "center",
               "backgroundColor": "#f6f6f7",
               "display": "flex",
@@ -2157,7 +2157,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
               "paddingHorizontal": 16,
               "paddingVertical": 8,
             },
-            Object {
+            {
               "marginBottom": 0,
             },
           ]
@@ -2165,8 +2165,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "display": "flex",
                 "flexDirection": "row",
               },
@@ -2176,8 +2176,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginRight": 8,
                 },
                 undefined,
@@ -2187,8 +2187,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
           <Text
             allowFontScaling={false}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-Regular",
                   "fontSize": 16,
@@ -2216,10 +2216,10 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
         <View
           highlighted={false}
           section={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -2227,28 +2227,28 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "A1",
               "value": "a1",
             }
           }
           trailingSection={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -2258,7 +2258,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
         />
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -2272,8 +2272,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ece8ef",
                 "borderRadius": 4,
@@ -2287,8 +2287,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -2298,8 +2298,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -2320,16 +2320,16 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "A1",
               "value": "a1",
             }
           }
           section={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -2337,22 +2337,22 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingSection={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -2372,8 +2372,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignContent": "center",
               "backgroundColor": "#f6f6f7",
               "display": "flex",
@@ -2383,7 +2383,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
               "paddingHorizontal": 16,
               "paddingVertical": 8,
             },
-            Object {
+            {
               "marginBottom": 0,
             },
           ]
@@ -2391,8 +2391,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "display": "flex",
                 "flexDirection": "row",
               },
@@ -2402,8 +2402,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginRight": 8,
                 },
                 undefined,
@@ -2413,8 +2413,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
           <Text
             allowFontScaling={false}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-Regular",
                   "fontSize": 16,
@@ -2442,10 +2442,10 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
         <View
           highlighted={false}
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -2453,14 +2453,14 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -2468,15 +2468,15 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "B1",
               "value": "b1",
             }
@@ -2484,7 +2484,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
         />
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -2498,8 +2498,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ffffff",
                 "borderRadius": 4,
@@ -2513,8 +2513,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -2524,8 +2524,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -2546,16 +2546,16 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "B1",
               "value": "b1",
             }
           }
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -2563,14 +2563,14 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -2578,15 +2578,15 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 4,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "B2",
               "value": "b2",
             }
@@ -2601,7 +2601,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
       <View>
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -2615,8 +2615,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ffffff",
                 "borderRadius": 4,
@@ -2630,8 +2630,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -2641,8 +2641,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -2663,16 +2663,16 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "B2",
               "value": "b2",
             }
           }
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -2680,14 +2680,14 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -2695,8 +2695,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,