@hero-design/rn 8.38.0 → 8.39.1

package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`rendering allows custom renderer 1`] = `
-Array [
+[
   <View
     pointerEvents="auto"
   >
@@ -17,7 +17,7 @@ Array [
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Object {
+        {
           "opacity": 1,
         }
       }
@@ -28,8 +28,8 @@ Array [
         <View
           pointerEvents="auto"
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 8,
                 "width": "100%",
               },
@@ -39,8 +39,8 @@ Array [
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "alignItems": "center",
                   "backgroundColor": "#ffffff",
                   "borderRadius": 8,
@@ -53,8 +53,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderColor": "#001f23",
                     "borderRadius": 8,
                     "borderWidth": 1,
@@ -64,8 +64,8 @@ Array [
                     "right": 0,
                     "top": 0,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "backgroundColor": "#ffffff",
                     },
                     undefined,
@@ -78,8 +78,8 @@ Array [
             />
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "alignSelf": "stretch",
                     "flexDirection": "row",
@@ -93,8 +93,8 @@ Array [
               <View
                 pointerEvents="none"
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignItems": "center",
                       "bottom": 0,
                       "flexDirection": "row",
@@ -112,16 +112,16 @@ Array [
                 <Text
                   allowFontScaling={false}
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "fontFamily": "BeVietnamPro-Regular",
                         "fontSize": 16,
                         "letterSpacing": 0.48,
                         "lineHeight": 24,
                       },
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignContent": "center",
                           "alignItems": "center",
                           "color": "#001f23",
@@ -143,7 +143,7 @@ Array [
               </View>
               <TextInput
                 accessibilityState={
-                  Object {
+                  {
                     "disabled": false,
                   }
                 }
@@ -156,8 +156,8 @@ Array [
                 placeholder=" "
                 pointerEvents="none"
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignSelf": "stretch",
                       "flexGrow": 2,
                       "fontFamily": "BeVietnamPro-Regular",
@@ -168,7 +168,7 @@ Array [
                       "paddingVertical": 0,
                       "textAlignVertical": "center",
                     },
-                    Object {
+                    {
                       "backgroundColor": "#ffffff",
                       "color": "#001f23",
                     },
@@ -182,8 +182,8 @@ Array [
             <HeroIcon
               name="arrow-down"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontSize": 24,
                   },
@@ -197,8 +197,8 @@ Array [
           </View>
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "minHeight": 16,
                   "paddingLeft": 16,
                   "paddingTop": 2,
@@ -209,8 +209,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "flexDirection": "row",
                     "justifyContent": "space-between",
                   },
@@ -232,8 +232,8 @@ Array [
     <View
       pointerEvents="box-none"
       style={
-        Array [
-          Object {
+        [
+          {
             "bottom": 0,
             "flexDirection": "column-reverse",
             "left": 0,
@@ -248,15 +248,15 @@ Array [
       <View
         onLayout={[Function]}
         style={
-          Array [
-            Array [
-              Object {
+          [
+            [
+              {
                 "flex": 1,
                 "flexDirection": "column-reverse",
               },
               undefined,
             ],
-            Object {
+            {
               "paddingBottom": 0,
             },
           ]
@@ -276,7 +276,7 @@ Array [
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Object {
+            {
               "backgroundColor": "#000000",
               "bottom": 0,
               "left": 0,
@@ -291,7 +291,7 @@ Array [
           collapsable={false}
           emulateUnlessSupported={true}
           style={
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "borderTopLeftRadius": 16,
               "borderTopRightRadius": 16,
@@ -299,17 +299,17 @@ Array [
               "maxHeight": "94%",
               "paddingBottom": 0,
               "shadowColor": "#001f23",
-              "shadowOffset": Object {
+              "shadowOffset": {
                 "height": 3,
                 "width": 0,
               },
               "shadowOpacity": 0.4,
               "shadowRadius": 16,
-              "transform": Array [
-                Object {
+              "transform": [
+                {
                   "scaleY": 1,
                 },
-                Object {
+                {
                   "translateY": 0,
                 },
               ],
@@ -319,8 +319,8 @@ Array [
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flexDirection": "row",
                   "paddingHorizontal": 16,
                   "paddingVertical": 8,
@@ -331,8 +331,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "flex": 1,
                     "justifyContent": "center",
                   },
@@ -343,8 +343,8 @@ Array [
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-SemiBold",
                       "fontSize": 16,
@@ -363,8 +363,8 @@ Array [
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "height": 48,
                     "justifyContent": "center",
@@ -387,7 +387,7 @@ Array [
                 onResponderTerminationRequest={[Function]}
                 onStartShouldSetResponder={[Function]}
                 style={
-                  Object {
+                  {
                     "opacity": 1,
                   }
                 }
@@ -396,8 +396,8 @@ Array [
                 <HeroIcon
                   name="cancel"
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "fontSize": 16,
                       },
@@ -413,31 +413,31 @@ Array [
           <RCTScrollView
             ListFooterComponent={null}
             data={
-              Array [
-                Object {
+              [
+                {
                   "category": "D",
-                  "data": Array [
-                    Object {
+                  "data": [
+                    {
                       "role": "Senior Developer",
                       "text": "Daniel",
                       "value": "daniel",
                     },
-                    Object {
+                    {
                       "role": "Manager",
                       "text": "Daemon",
                       "value": "daemon",
                     },
                   ],
                 },
-                Object {
+                {
                   "category": "J",
-                  "data": Array [
-                    Object {
+                  "data": [
+                    {
                       "role": "UX Designer",
                       "text": "Jennifer",
                       "value": "jennifer",
                     },
-                    Object {
+                    {
                       "role": "Junior Developer",
                       "text": "Josh ",
                       "value": "josh",
@@ -462,17 +462,17 @@ Array [
             renderItem={[Function]}
             scrollEventThrottle={50}
             stickyHeaderIndices={
-              Array [
+              [
                 0,
                 4,
               ]
             }
             style={
-              Array [
-                Object {
+              [
+                {
                   "paddingHorizontal": 12,
                 },
-                Object {},
+                {},
               ]
             }
           >
@@ -483,8 +483,8 @@ Array [
               >
                 <View
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "alignContent": "center",
                         "backgroundColor": "#f6f6f7",
                         "display": "flex",
@@ -494,7 +494,7 @@ Array [
                         "paddingHorizontal": 16,
                         "paddingVertical": 8,
                       },
-                      Object {
+                      {
                         "marginBottom": 0,
                       },
                     ]
@@ -502,8 +502,8 @@ Array [
                 >
                   <View
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "display": "flex",
                           "flexDirection": "row",
                         },
@@ -513,8 +513,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "marginRight": 8,
                           },
                           undefined,
@@ -524,8 +524,8 @@ Array [
                     <Text
                       allowFontScaling={false}
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "color": "#001f23",
                             "fontFamily": "BeVietnamPro-Regular",
                             "fontSize": 16,
@@ -553,15 +553,15 @@ Array [
                   <View
                     highlighted={false}
                     section={
-                      Object {
+                      {
                         "category": "D",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "role": "Senior Developer",
                             "text": "Daniel",
                             "value": "daniel",
                           },
-                          Object {
+                          {
                             "role": "Manager",
                             "text": "Daemon",
                             "value": "daemon",
@@ -570,30 +570,30 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 12,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "role": "Senior Developer",
                         "text": "Daniel",
                         "value": "daniel",
                       }
                     }
                     trailingSection={
-                      Object {
+                      {
                         "category": "J",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "role": "UX Designer",
                             "text": "Jennifer",
                             "value": "jennifer",
                           },
-                          Object {
+                          {
                             "role": "Junior Developer",
                             "text": "Josh ",
                             "value": "josh",
@@ -604,7 +604,7 @@ Array [
                   />
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -618,8 +618,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -633,8 +633,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -644,8 +644,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-SemiBold",
                               "fontSize": 16,
@@ -664,8 +664,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#4d6265",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -686,22 +686,22 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "role": "Senior Developer",
                         "text": "Daniel",
                         "value": "daniel",
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "D",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "role": "Senior Developer",
                             "text": "Daniel",
                             "value": "daniel",
                           },
-                          Object {
+                          {
                             "role": "Manager",
                             "text": "Daemon",
                             "value": "daemon",
@@ -710,30 +710,30 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 4,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "role": "Manager",
                         "text": "Daemon",
                         "value": "daemon",
                       }
                     }
                     trailingSection={
-                      Object {
+                      {
                         "category": "J",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "role": "UX Designer",
                             "text": "Jennifer",
                             "value": "jennifer",
                           },
-                          Object {
+                          {
                             "role": "Junior Developer",
                             "text": "Josh ",
                             "value": "josh",
@@ -751,7 +751,7 @@ Array [
                 <View>
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -765,8 +765,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -780,8 +780,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -791,8 +791,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-SemiBold",
                               "fontSize": 16,
@@ -811,8 +811,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#4d6265",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -833,22 +833,22 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "role": "Manager",
                         "text": "Daemon",
                         "value": "daemon",
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "D",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "role": "Senior Developer",
                             "text": "Daniel",
                             "value": "daniel",
                           },
-                          Object {
+                          {
                             "role": "Manager",
                             "text": "Daemon",
                             "value": "daemon",
@@ -857,23 +857,23 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 12,
                         },
                         undefined,
                       ]
                     }
                     trailingSection={
-                      Object {
+                      {
                         "category": "J",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "role": "UX Designer",
                             "text": "Jennifer",
                             "value": "jennifer",
                           },
-                          Object {
+                          {
                             "role": "Junior Developer",
                             "text": "Josh ",
                             "value": "josh",
@@ -894,8 +894,8 @@ Array [
               >
                 <View
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "alignContent": "center",
                         "backgroundColor": "#f6f6f7",
                         "display": "flex",
@@ -905,7 +905,7 @@ Array [
                         "paddingHorizontal": 16,
                         "paddingVertical": 8,
                       },
-                      Object {
+                      {
                         "marginBottom": 0,
                       },
                     ]
@@ -913,8 +913,8 @@ Array [
                 >
                   <View
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "display": "flex",
                           "flexDirection": "row",
                         },
@@ -924,8 +924,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "marginRight": 8,
                           },
                           undefined,
@@ -935,8 +935,8 @@ Array [
                     <Text
                       allowFontScaling={false}
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "color": "#001f23",
                             "fontFamily": "BeVietnamPro-Regular",
                             "fontSize": 16,
@@ -964,15 +964,15 @@ Array [
                   <View
                     highlighted={false}
                     leadingSection={
-                      Object {
+                      {
                         "category": "D",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "role": "Senior Developer",
                             "text": "Daniel",
                             "value": "daniel",
                           },
-                          Object {
+                          {
                             "role": "Manager",
                             "text": "Daemon",
                             "value": "daemon",
@@ -981,15 +981,15 @@ Array [
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "J",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "role": "UX Designer",
                             "text": "Jennifer",
                             "value": "jennifer",
                           },
-                          Object {
+                          {
                             "role": "Junior Developer",
                             "text": "Josh ",
                             "value": "josh",
@@ -998,15 +998,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 12,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "role": "UX Designer",
                         "text": "Jennifer",
                         "value": "jennifer",
@@ -1015,7 +1015,7 @@ Array [
                   />
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -1029,8 +1029,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -1044,8 +1044,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -1055,8 +1055,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-SemiBold",
                               "fontSize": 16,
@@ -1075,8 +1075,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#4d6265",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -1097,22 +1097,22 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "role": "UX Designer",
                         "text": "Jennifer",
                         "value": "jennifer",
                       }
                     }
                     leadingSection={
-                      Object {
+                      {
                         "category": "D",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "role": "Senior Developer",
                             "text": "Daniel",
                             "value": "daniel",
                           },
-                          Object {
+                          {
                             "role": "Manager",
                             "text": "Daemon",
                             "value": "daemon",
@@ -1121,15 +1121,15 @@ Array [
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "J",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "role": "UX Designer",
                             "text": "Jennifer",
                             "value": "jennifer",
                           },
-                          Object {
+                          {
                             "role": "Junior Developer",
                             "text": "Josh ",
                             "value": "josh",
@@ -1138,15 +1138,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 4,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "role": "Junior Developer",
                         "text": "Josh ",
                         "value": "josh",
@@ -1162,7 +1162,7 @@ Array [
                 <View>
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -1176,8 +1176,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -1191,8 +1191,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -1202,8 +1202,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-SemiBold",
                               "fontSize": 16,
@@ -1222,8 +1222,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#4d6265",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -1244,22 +1244,22 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "role": "Junior Developer",
                         "text": "Josh ",
                         "value": "josh",
                       }
                     }
                     leadingSection={
-                      Object {
+                      {
                         "category": "D",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "role": "Senior Developer",
                             "text": "Daniel",
                             "value": "daniel",
                           },
-                          Object {
+                          {
                             "role": "Manager",
                             "text": "Daemon",
                             "value": "daemon",
@@ -1268,15 +1268,15 @@ Array [
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "J",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "role": "UX Designer",
                             "text": "Jennifer",
                             "value": "jennifer",
                           },
-                          Object {
+                          {
                             "role": "Junior Developer",
                             "text": "Josh ",
                             "value": "josh",
@@ -1285,8 +1285,8 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 12,
                         },
                         undefined,
@@ -1304,8 +1304,8 @@ Array [
           <View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "flexDirection": "row",
                     "justifyContent": "flex-end",
@@ -1318,7 +1318,7 @@ Array [
             >
               <View
                 accessibilityState={
-                  Object {
+                  {
                     "disabled": false,
                   }
                 }
@@ -1332,8 +1332,8 @@ Array [
                 onResponderTerminationRequest={[Function]}
                 onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignItems": "center",
                       "backgroundColor": "transparent",
                       "borderRadius": 4,
@@ -1352,16 +1352,16 @@ Array [
                   ellipsizeMode="tail"
                   numberOfLines={1}
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "fontFamily": "BeVietnamPro-SemiBold",
                         "fontSize": 16,
                         "letterSpacing": 0.24,
                         "lineHeight": 24,
                       },
-                      Array [
-                        Object {
+                      [
+                        {
                           "color": "#401960",
                           "flexShrink": 1,
                           "lineHeight": 22,
@@ -1389,7 +1389,7 @@ Array [
 `;
 
 exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
-Array [
+[
   <View
     pointerEvents="auto"
   >
@@ -1405,7 +1405,7 @@ Array [
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Object {
+        {
           "opacity": 1,
         }
       }
@@ -1416,8 +1416,8 @@ Array [
         <View
           pointerEvents="auto"
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 8,
                 "width": "100%",
               },
@@ -1427,8 +1427,8 @@ Array [
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "alignItems": "center",
                   "backgroundColor": "#ffffff",
                   "borderRadius": 8,
@@ -1441,8 +1441,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderColor": "#001f23",
                     "borderRadius": 8,
                     "borderWidth": 1,
@@ -1452,8 +1452,8 @@ Array [
                     "right": 0,
                     "top": 0,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "backgroundColor": "#ffffff",
                     },
                     undefined,
@@ -1467,8 +1467,8 @@ Array [
             <View
               pointerEvents="none"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "backgroundColor": "#ffffff",
                     "flexDirection": "row",
                     "left": 16,
@@ -1477,7 +1477,7 @@ Array [
                     "top": -4,
                     "zIndex": 1,
                   },
-                  Object {
+                  {
                     "backgroundColor": "#ffffff",
                   },
                 ]
@@ -1487,20 +1487,20 @@ Array [
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
                       "fontSize": 12,
                       "letterSpacing": 0.48,
                       "lineHeight": 16,
                     },
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "lineHeight": 12,
                       },
-                      Object {
+                      {
                         "backgroundColor": "#ffffff",
                       },
                     ],
@@ -1516,8 +1516,8 @@ Array [
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "alignSelf": "stretch",
                     "flexDirection": "row",
@@ -1530,7 +1530,7 @@ Array [
             >
               <TextInput
                 accessibilityState={
-                  Object {
+                  {
                     "disabled": false,
                   }
                 }
@@ -1543,8 +1543,8 @@ Array [
                 placeholder=" "
                 pointerEvents="none"
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignSelf": "stretch",
                       "flexGrow": 2,
                       "fontFamily": "BeVietnamPro-Regular",
@@ -1555,7 +1555,7 @@ Array [
                       "paddingVertical": 0,
                       "textAlignVertical": "center",
                     },
-                    Object {
+                    {
                       "backgroundColor": "#ffffff",
                       "color": "#001f23",
                     },
@@ -1569,8 +1569,8 @@ Array [
             <HeroIcon
               name="arrow-down"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontSize": 24,
                   },
@@ -1584,8 +1584,8 @@ Array [
           </View>
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "minHeight": 16,
                   "paddingLeft": 16,
                   "paddingTop": 2,
@@ -1596,8 +1596,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "flexDirection": "row",
                     "justifyContent": "space-between",
                   },
@@ -1620,7 +1620,7 @@ Array [
 `;
 
 exports[`rendering renders correctly when bottom sheet is visible 1`] = `
-Array [
+[
   <View
     pointerEvents="auto"
   >
@@ -1636,7 +1636,7 @@ Array [
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Object {
+        {
           "opacity": 1,
         }
       }
@@ -1647,8 +1647,8 @@ Array [
         <View
           pointerEvents="auto"
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 8,
                 "width": "100%",
               },
@@ -1658,8 +1658,8 @@ Array [
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "alignItems": "center",
                   "backgroundColor": "#ffffff",
                   "borderRadius": 8,
@@ -1672,8 +1672,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderColor": "#001f23",
                     "borderRadius": 8,
                     "borderWidth": 1,
@@ -1683,8 +1683,8 @@ Array [
                     "right": 0,
                     "top": 0,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "backgroundColor": "#ffffff",
                     },
                     undefined,
@@ -1698,8 +1698,8 @@ Array [
             <View
               pointerEvents="none"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "backgroundColor": "#ffffff",
                     "flexDirection": "row",
                     "left": 16,
@@ -1708,7 +1708,7 @@ Array [
                     "top": -4,
                     "zIndex": 1,
                   },
-                  Object {
+                  {
                     "backgroundColor": "#ffffff",
                   },
                 ]
@@ -1718,20 +1718,20 @@ Array [
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
                       "fontSize": 12,
                       "letterSpacing": 0.48,
                       "lineHeight": 16,
                     },
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "lineHeight": 12,
                       },
-                      Object {
+                      {
                         "backgroundColor": "#ffffff",
                       },
                     ],
@@ -1747,8 +1747,8 @@ Array [
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "alignSelf": "stretch",
                     "flexDirection": "row",
@@ -1761,7 +1761,7 @@ Array [
             >
               <TextInput
                 accessibilityState={
-                  Object {
+                  {
                     "disabled": false,
                   }
                 }
@@ -1774,8 +1774,8 @@ Array [
                 placeholder=" "
                 pointerEvents="none"
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignSelf": "stretch",
                       "flexGrow": 2,
                       "fontFamily": "BeVietnamPro-Regular",
@@ -1786,7 +1786,7 @@ Array [
                       "paddingVertical": 0,
                       "textAlignVertical": "center",
                     },
-                    Object {
+                    {
                       "backgroundColor": "#ffffff",
                       "color": "#001f23",
                     },
@@ -1800,8 +1800,8 @@ Array [
             <HeroIcon
               name="arrow-down"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontSize": 24,
                   },
@@ -1815,8 +1815,8 @@ Array [
           </View>
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "minHeight": 16,
                   "paddingLeft": 16,
                   "paddingTop": 2,
@@ -1827,8 +1827,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "flexDirection": "row",
                     "justifyContent": "space-between",
                   },
@@ -1850,8 +1850,8 @@ Array [
     <View
       pointerEvents="box-none"
       style={
-        Array [
-          Object {
+        [
+          {
             "bottom": 0,
             "flexDirection": "column-reverse",
             "left": 0,
@@ -1866,15 +1866,15 @@ Array [
       <View
         onLayout={[Function]}
         style={
-          Array [
-            Array [
-              Object {
+          [
+            [
+              {
                 "flex": 1,
                 "flexDirection": "column-reverse",
               },
               undefined,
             ],
-            Object {
+            {
               "paddingBottom": 0,
             },
           ]
@@ -1894,7 +1894,7 @@ Array [
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Object {
+            {
               "backgroundColor": "#000000",
               "bottom": 0,
               "left": 0,
@@ -1909,7 +1909,7 @@ Array [
           collapsable={false}
           emulateUnlessSupported={true}
           style={
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "borderTopLeftRadius": 16,
               "borderTopRightRadius": 16,
@@ -1917,17 +1917,17 @@ Array [
               "maxHeight": "94%",
               "paddingBottom": 0,
               "shadowColor": "#001f23",
-              "shadowOffset": Object {
+              "shadowOffset": {
                 "height": 3,
                 "width": 0,
               },
               "shadowOpacity": 0.4,
               "shadowRadius": 16,
-              "transform": Array [
-                Object {
+              "transform": [
+                {
                   "scaleY": 1,
                 },
-                Object {
+                {
                   "translateY": 0,
                 },
               ],
@@ -1937,8 +1937,8 @@ Array [
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flexDirection": "row",
                   "paddingHorizontal": 16,
                   "paddingVertical": 8,
@@ -1949,8 +1949,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "flex": 1,
                     "justifyContent": "center",
                   },
@@ -1961,8 +1961,8 @@ Array [
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-SemiBold",
                       "fontSize": 16,
@@ -1981,8 +1981,8 @@ Array [
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "height": 48,
                     "justifyContent": "center",
@@ -2005,7 +2005,7 @@ Array [
                 onResponderTerminationRequest={[Function]}
                 onStartShouldSetResponder={[Function]}
                 style={
-                  Object {
+                  {
                     "opacity": 1,
                   }
                 }
@@ -2014,8 +2014,8 @@ Array [
                 <HeroIcon
                   name="cancel"
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "fontSize": 16,
                       },
@@ -2031,35 +2031,35 @@ Array [
           <RCTScrollView
             ListFooterComponent={null}
             data={
-              Array [
-                Object {
+              [
+                {
                   "category": "",
-                  "data": Array [
-                    Object {
+                  "data": [
+                    {
                       "text": "Monday",
                       "value": "mon",
                     },
-                    Object {
+                    {
                       "text": "Tuesday",
                       "value": "tue",
                     },
-                    Object {
+                    {
                       "text": "Wednesday",
                       "value": "wed",
                     },
-                    Object {
+                    {
                       "text": "Thursday",
                       "value": "thu",
                     },
-                    Object {
+                    {
                       "text": "Friday",
                       "value": "fri",
                     },
-                    Object {
+                    {
                       "text": "Saturday",
                       "value": "sat",
                     },
-                    Object {
+                    {
                       "disabled": true,
                       "text": "Sunday",
                       "value": "sun",
@@ -2084,16 +2084,16 @@ Array [
             renderItem={[Function]}
             scrollEventThrottle={50}
             stickyHeaderIndices={
-              Array [
+              [
                 0,
               ]
             }
             style={
-              Array [
-                Object {
+              [
+                {
                   "paddingHorizontal": 12,
                 },
-                Object {},
+                {},
               ]
             }
           >
@@ -2110,34 +2110,34 @@ Array [
                   <View
                     highlighted={false}
                     section={
-                      Object {
+                      {
                         "category": "",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "Monday",
                             "value": "mon",
                           },
-                          Object {
+                          {
                             "text": "Tuesday",
                             "value": "tue",
                           },
-                          Object {
+                          {
                             "text": "Wednesday",
                             "value": "wed",
                           },
-                          Object {
+                          {
                             "text": "Thursday",
                             "value": "thu",
                           },
-                          Object {
+                          {
                             "text": "Friday",
                             "value": "fri",
                           },
-                          Object {
+                          {
                             "text": "Saturday",
                             "value": "sat",
                           },
-                          Object {
+                          {
                             "disabled": true,
                             "text": "Sunday",
                             "value": "sun",
@@ -2146,15 +2146,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 12,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "text": "Monday",
                         "value": "mon",
                       }
@@ -2162,7 +2162,7 @@ Array [
                   />
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -2176,8 +2176,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ece8ef",
                           "borderRadius": 4,
@@ -2191,8 +2191,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -2202,8 +2202,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -2222,8 +2222,8 @@ Array [
                     </View>
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "marginLeft": 8,
                           },
                           undefined,
@@ -2233,12 +2233,12 @@ Array [
                       <HeroIcon
                         name="checkmark"
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#401960",
                               "fontSize": 20,
                             },
-                            Object {
+                            {
                               "marginRight": 12,
                             },
                           ]
@@ -2252,40 +2252,40 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "text": "Monday",
                         "value": "mon",
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "Monday",
                             "value": "mon",
                           },
-                          Object {
+                          {
                             "text": "Tuesday",
                             "value": "tue",
                           },
-                          Object {
+                          {
                             "text": "Wednesday",
                             "value": "wed",
                           },
-                          Object {
+                          {
                             "text": "Thursday",
                             "value": "thu",
                           },
-                          Object {
+                          {
                             "text": "Friday",
                             "value": "fri",
                           },
-                          Object {
+                          {
                             "text": "Saturday",
                             "value": "sat",
                           },
-                          Object {
+                          {
                             "disabled": true,
                             "text": "Sunday",
                             "value": "sun",
@@ -2294,15 +2294,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 4,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "text": "Tuesday",
                         "value": "tue",
                       }
@@ -2317,7 +2317,7 @@ Array [
                 <View>
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -2331,8 +2331,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ece8ef",
                           "borderRadius": 4,
@@ -2346,8 +2346,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -2357,8 +2357,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -2377,8 +2377,8 @@ Array [
                     </View>
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "marginLeft": 8,
                           },
                           undefined,
@@ -2388,12 +2388,12 @@ Array [
                       <HeroIcon
                         name="checkmark"
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#401960",
                               "fontSize": 20,
                             },
-                            Object {
+                            {
                               "marginRight": 12,
                             },
                           ]
@@ -2407,40 +2407,40 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "text": "Tuesday",
                         "value": "tue",
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "Monday",
                             "value": "mon",
                           },
-                          Object {
+                          {
                             "text": "Tuesday",
                             "value": "tue",
                           },
-                          Object {
+                          {
                             "text": "Wednesday",
                             "value": "wed",
                           },
-                          Object {
+                          {
                             "text": "Thursday",
                             "value": "thu",
                           },
-                          Object {
+                          {
                             "text": "Friday",
                             "value": "fri",
                           },
-                          Object {
+                          {
                             "text": "Saturday",
                             "value": "sat",
                           },
-                          Object {
+                          {
                             "disabled": true,
                             "text": "Sunday",
                             "value": "sun",
@@ -2449,15 +2449,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 4,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "text": "Wednesday",
                         "value": "wed",
                       }
@@ -2472,7 +2472,7 @@ Array [
                 <View>
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -2486,8 +2486,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -2501,8 +2501,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -2512,8 +2512,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -2534,40 +2534,40 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "text": "Wednesday",
                         "value": "wed",
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "Monday",
                             "value": "mon",
                           },
-                          Object {
+                          {
                             "text": "Tuesday",
                             "value": "tue",
                           },
-                          Object {
+                          {
                             "text": "Wednesday",
                             "value": "wed",
                           },
-                          Object {
+                          {
                             "text": "Thursday",
                             "value": "thu",
                           },
-                          Object {
+                          {
                             "text": "Friday",
                             "value": "fri",
                           },
-                          Object {
+                          {
                             "text": "Saturday",
                             "value": "sat",
                           },
-                          Object {
+                          {
                             "disabled": true,
                             "text": "Sunday",
                             "value": "sun",
@@ -2576,15 +2576,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 4,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "text": "Thursday",
                         "value": "thu",
                       }
@@ -2599,7 +2599,7 @@ Array [
                 <View>
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -2613,8 +2613,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -2628,8 +2628,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -2639,8 +2639,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -2661,40 +2661,40 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "text": "Thursday",
                         "value": "thu",
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "Monday",
                             "value": "mon",
                           },
-                          Object {
+                          {
                             "text": "Tuesday",
                             "value": "tue",
                           },
-                          Object {
+                          {
                             "text": "Wednesday",
                             "value": "wed",
                           },
-                          Object {
+                          {
                             "text": "Thursday",
                             "value": "thu",
                           },
-                          Object {
+                          {
                             "text": "Friday",
                             "value": "fri",
                           },
-                          Object {
+                          {
                             "text": "Saturday",
                             "value": "sat",
                           },
-                          Object {
+                          {
                             "disabled": true,
                             "text": "Sunday",
                             "value": "sun",
@@ -2703,15 +2703,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 4,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "text": "Friday",
                         "value": "fri",
                       }
@@ -2726,7 +2726,7 @@ Array [
                 <View>
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -2740,8 +2740,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -2755,8 +2755,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -2766,8 +2766,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -2788,40 +2788,40 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "text": "Friday",
                         "value": "fri",
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "Monday",
                             "value": "mon",
                           },
-                          Object {
+                          {
                             "text": "Tuesday",
                             "value": "tue",
                           },
-                          Object {
+                          {
                             "text": "Wednesday",
                             "value": "wed",
                           },
-                          Object {
+                          {
                             "text": "Thursday",
                             "value": "thu",
                           },
-                          Object {
+                          {
                             "text": "Friday",
                             "value": "fri",
                           },
-                          Object {
+                          {
                             "text": "Saturday",
                             "value": "sat",
                           },
-                          Object {
+                          {
                             "disabled": true,
                             "text": "Sunday",
                             "value": "sun",
@@ -2830,15 +2830,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 4,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "text": "Saturday",
                         "value": "sat",
                       }
@@ -2853,7 +2853,7 @@ Array [
                 <View>
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -2867,8 +2867,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -2882,8 +2882,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -2893,8 +2893,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -2915,40 +2915,40 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "text": "Saturday",
                         "value": "sat",
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "Monday",
                             "value": "mon",
                           },
-                          Object {
+                          {
                             "text": "Tuesday",
                             "value": "tue",
                           },
-                          Object {
+                          {
                             "text": "Wednesday",
                             "value": "wed",
                           },
-                          Object {
+                          {
                             "text": "Thursday",
                             "value": "thu",
                           },
-                          Object {
+                          {
                             "text": "Friday",
                             "value": "fri",
                           },
-                          Object {
+                          {
                             "text": "Saturday",
                             "value": "sat",
                           },
-                          Object {
+                          {
                             "disabled": true,
                             "text": "Sunday",
                             "value": "sun",
@@ -2957,15 +2957,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 4,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "disabled": true,
                         "text": "Sunday",
                         "value": "sun",
@@ -2981,7 +2981,7 @@ Array [
                 <View>
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": true,
                       }
                     }
@@ -2995,8 +2995,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -3010,8 +3010,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -3021,8 +3021,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -3043,41 +3043,41 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "disabled": true,
                         "text": "Sunday",
                         "value": "sun",
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "Monday",
                             "value": "mon",
                           },
-                          Object {
+                          {
                             "text": "Tuesday",
                             "value": "tue",
                           },
-                          Object {
+                          {
                             "text": "Wednesday",
                             "value": "wed",
                           },
-                          Object {
+                          {
                             "text": "Thursday",
                             "value": "thu",
                           },
-                          Object {
+                          {
                             "text": "Friday",
                             "value": "fri",
                           },
-                          Object {
+                          {
                             "text": "Saturday",
                             "value": "sat",
                           },
-                          Object {
+                          {
                             "disabled": true,
                             "text": "Sunday",
                             "value": "sun",
@@ -3086,8 +3086,8 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 12,
                         },
                         undefined,
@@ -3105,8 +3105,8 @@ Array [
           <View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "flexDirection": "row",
                     "justifyContent": "flex-end",
@@ -3119,7 +3119,7 @@ Array [
             >
               <View
                 accessibilityState={
-                  Object {
+                  {
                     "disabled": false,
                   }
                 }
@@ -3133,8 +3133,8 @@ Array [
                 onResponderTerminationRequest={[Function]}
                 onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignItems": "center",
                       "backgroundColor": "transparent",
                       "borderRadius": 4,
@@ -3153,16 +3153,16 @@ Array [
                   ellipsizeMode="tail"
                   numberOfLines={1}
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "fontFamily": "BeVietnamPro-SemiBold",
                         "fontSize": 16,
                         "letterSpacing": 0.24,
                         "lineHeight": 24,
                       },
-                      Array [
-                        Object {
+                      [
+                        {
                           "color": "#401960",
                           "flexShrink": 1,
                           "lineHeight": 22,
@@ -3190,7 +3190,7 @@ Array [
 `;
 
 exports[`rendering renders correctly when input is loading 1`] = `
-Array [
+[
   <View
     pointerEvents="none"
   >
@@ -3206,7 +3206,7 @@ Array [
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Object {
+        {
           "opacity": 1,
         }
       }
@@ -3217,8 +3217,8 @@ Array [
         <View
           pointerEvents="none"
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 8,
                 "width": "100%",
               },
@@ -3228,8 +3228,8 @@ Array [
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "alignItems": "center",
                   "backgroundColor": "#ffffff",
                   "borderRadius": 8,
@@ -3242,8 +3242,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderColor": "#808f91",
                     "borderRadius": 8,
                     "borderWidth": 1,
@@ -3253,8 +3253,8 @@ Array [
                     "right": 0,
                     "top": 0,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "backgroundColor": "#ffffff",
                     },
                     undefined,
@@ -3268,8 +3268,8 @@ Array [
             <View
               pointerEvents="none"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "backgroundColor": "#ffffff",
                     "flexDirection": "row",
                     "left": 16,
@@ -3278,7 +3278,7 @@ Array [
                     "top": -4,
                     "zIndex": 1,
                   },
-                  Object {
+                  {
                     "backgroundColor": "#ffffff",
                   },
                 ]
@@ -3288,20 +3288,20 @@ Array [
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
                       "fontSize": 12,
                       "letterSpacing": 0.48,
                       "lineHeight": 16,
                     },
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#808f91",
                         "lineHeight": 12,
                       },
-                      Object {
+                      {
                         "backgroundColor": "#ffffff",
                       },
                     ],
@@ -3317,8 +3317,8 @@ Array [
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "alignSelf": "stretch",
                     "flexDirection": "row",
@@ -3331,7 +3331,7 @@ Array [
             >
               <TextInput
                 accessibilityState={
-                  Object {
+                  {
                     "disabled": true,
                   }
                 }
@@ -3344,8 +3344,8 @@ Array [
                 placeholder=" "
                 pointerEvents="none"
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignSelf": "stretch",
                       "flexGrow": 2,
                       "fontFamily": "BeVietnamPro-Regular",
@@ -3356,7 +3356,7 @@ Array [
                       "paddingVertical": 0,
                       "textAlignVertical": "center",
                     },
-                    Object {
+                    {
                       "backgroundColor": "#ffffff",
                       "color": "#001f23",
                     },
@@ -3370,9 +3370,9 @@ Array [
             <View
               collapsable={false}
               style={
-                Object {
-                  "transform": Array [
-                    Object {
+                {
+                  "transform": [
+                    {
                       "rotate": "0deg",
                     },
                   ],
@@ -3382,8 +3382,8 @@ Array [
               <HeroIcon
                 name="loading"
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontSize": 24,
                     },
@@ -3398,8 +3398,8 @@ Array [
           </View>
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "minHeight": 16,
                   "paddingLeft": 16,
                   "paddingTop": 2,
@@ -3410,8 +3410,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "flexDirection": "row",
                     "justifyContent": "space-between",
                   },
@@ -3434,7 +3434,7 @@ Array [
 `;
 
 exports[`rendering renders correctly when receives sections 1`] = `
-Array [
+[
   <View
     pointerEvents="auto"
   >
@@ -3450,7 +3450,7 @@ Array [
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Object {
+        {
           "opacity": 1,
         }
       }
@@ -3461,8 +3461,8 @@ Array [
         <View
           pointerEvents="auto"
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 8,
                 "width": "100%",
               },
@@ -3472,8 +3472,8 @@ Array [
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "alignItems": "center",
                   "backgroundColor": "#ffffff",
                   "borderRadius": 8,
@@ -3486,8 +3486,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderColor": "#001f23",
                     "borderRadius": 8,
                     "borderWidth": 1,
@@ -3497,8 +3497,8 @@ Array [
                     "right": 0,
                     "top": 0,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "backgroundColor": "#ffffff",
                     },
                     undefined,
@@ -3512,8 +3512,8 @@ Array [
             <View
               pointerEvents="none"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "backgroundColor": "#ffffff",
                     "flexDirection": "row",
                     "left": 16,
@@ -3522,7 +3522,7 @@ Array [
                     "top": -4,
                     "zIndex": 1,
                   },
-                  Object {
+                  {
                     "backgroundColor": "#ffffff",
                   },
                 ]
@@ -3532,20 +3532,20 @@ Array [
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
                       "fontSize": 12,
                       "letterSpacing": 0.48,
                       "lineHeight": 16,
                     },
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "lineHeight": 12,
                       },
-                      Object {
+                      {
                         "backgroundColor": "#ffffff",
                       },
                     ],
@@ -3561,8 +3561,8 @@ Array [
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "alignSelf": "stretch",
                     "flexDirection": "row",
@@ -3575,7 +3575,7 @@ Array [
             >
               <TextInput
                 accessibilityState={
-                  Object {
+                  {
                     "disabled": false,
                   }
                 }
@@ -3588,8 +3588,8 @@ Array [
                 placeholder=" "
                 pointerEvents="none"
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignSelf": "stretch",
                       "flexGrow": 2,
                       "fontFamily": "BeVietnamPro-Regular",
@@ -3600,7 +3600,7 @@ Array [
                       "paddingVertical": 0,
                       "textAlignVertical": "center",
                     },
-                    Object {
+                    {
                       "backgroundColor": "#ffffff",
                       "color": "#001f23",
                     },
@@ -3614,8 +3614,8 @@ Array [
             <HeroIcon
               name="arrow-down"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontSize": 24,
                   },
@@ -3629,8 +3629,8 @@ Array [
           </View>
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "minHeight": 16,
                   "paddingLeft": 16,
                   "paddingTop": 2,
@@ -3641,8 +3641,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "flexDirection": "row",
                     "justifyContent": "space-between",
                   },
@@ -3664,8 +3664,8 @@ Array [
     <View
       pointerEvents="box-none"
       style={
-        Array [
-          Object {
+        [
+          {
             "bottom": 0,
             "flexDirection": "column-reverse",
             "left": 0,
@@ -3680,15 +3680,15 @@ Array [
       <View
         onLayout={[Function]}
         style={
-          Array [
-            Array [
-              Object {
+          [
+            [
+              {
                 "flex": 1,
                 "flexDirection": "column-reverse",
               },
               undefined,
             ],
-            Object {
+            {
               "paddingBottom": 0,
             },
           ]
@@ -3708,7 +3708,7 @@ Array [
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Object {
+            {
               "backgroundColor": "#000000",
               "bottom": 0,
               "left": 0,
@@ -3723,7 +3723,7 @@ Array [
           collapsable={false}
           emulateUnlessSupported={true}
           style={
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "borderTopLeftRadius": 16,
               "borderTopRightRadius": 16,
@@ -3731,17 +3731,17 @@ Array [
               "maxHeight": "94%",
               "paddingBottom": 0,
               "shadowColor": "#001f23",
-              "shadowOffset": Object {
+              "shadowOffset": {
                 "height": 3,
                 "width": 0,
               },
               "shadowOpacity": 0.4,
               "shadowRadius": 16,
-              "transform": Array [
-                Object {
+              "transform": [
+                {
                   "scaleY": 1,
                 },
-                Object {
+                {
                   "translateY": 0,
                 },
               ],
@@ -3751,8 +3751,8 @@ Array [
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flexDirection": "row",
                   "paddingHorizontal": 16,
                   "paddingVertical": 8,
@@ -3763,8 +3763,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "flex": 1,
                     "justifyContent": "center",
                   },
@@ -3775,8 +3775,8 @@ Array [
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-SemiBold",
                       "fontSize": 16,
@@ -3795,8 +3795,8 @@ Array [
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "height": 48,
                     "justifyContent": "center",
@@ -3819,7 +3819,7 @@ Array [
                 onResponderTerminationRequest={[Function]}
                 onStartShouldSetResponder={[Function]}
                 style={
-                  Object {
+                  {
                     "opacity": 1,
                   }
                 }
@@ -3828,8 +3828,8 @@ Array [
                 <HeroIcon
                   name="cancel"
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "fontSize": 16,
                       },
@@ -3845,24 +3845,24 @@ Array [
           <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",
                     },
@@ -3886,17 +3886,17 @@ Array [
             renderItem={[Function]}
             scrollEventThrottle={50}
             stickyHeaderIndices={
-              Array [
+              [
                 0,
                 3,
               ]
             }
             style={
-              Array [
-                Object {
+              [
+                {
                   "paddingHorizontal": 12,
                 },
-                Object {},
+                {},
               ]
             }
           >
@@ -3907,8 +3907,8 @@ Array [
               >
                 <View
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "alignContent": "center",
                         "backgroundColor": "#f6f6f7",
                         "display": "flex",
@@ -3918,7 +3918,7 @@ Array [
                         "paddingHorizontal": 16,
                         "paddingVertical": 8,
                       },
-                      Object {
+                      {
                         "marginBottom": 0,
                       },
                     ]
@@ -3926,8 +3926,8 @@ Array [
                 >
                   <View
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "display": "flex",
                           "flexDirection": "row",
                         },
@@ -3937,8 +3937,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "marginRight": 8,
                           },
                           undefined,
@@ -3948,8 +3948,8 @@ Array [
                     <Text
                       allowFontScaling={false}
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "color": "#001f23",
                             "fontFamily": "BeVietnamPro-Regular",
                             "fontSize": 16,
@@ -3977,10 +3977,10 @@ Array [
                   <View
                     highlighted={false}
                     section={
-                      Object {
+                      {
                         "category": "A",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "A1",
                             "value": "a1",
                           },
@@ -3988,28 +3988,28 @@ Array [
                       }
                     }
                     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",
                           },
@@ -4019,7 +4019,7 @@ Array [
                   />
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -4033,8 +4033,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -4048,8 +4048,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -4059,8 +4059,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -4081,16 +4081,16 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "text": "A1",
                         "value": "a1",
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "A",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "A1",
                             "value": "a1",
                           },
@@ -4098,22 +4098,22 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 12,
                         },
                         undefined,
                       ]
                     }
                     trailingSection={
-                      Object {
+                      {
                         "category": "B",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "B1",
                             "value": "b1",
                           },
-                          Object {
+                          {
                             "text": "B2",
                             "value": "b2",
                           },
@@ -4133,8 +4133,8 @@ Array [
               >
                 <View
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "alignContent": "center",
                         "backgroundColor": "#f6f6f7",
                         "display": "flex",
@@ -4144,7 +4144,7 @@ Array [
                         "paddingHorizontal": 16,
                         "paddingVertical": 8,
                       },
-                      Object {
+                      {
                         "marginBottom": 0,
                       },
                     ]
@@ -4152,8 +4152,8 @@ Array [
                 >
                   <View
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "display": "flex",
                           "flexDirection": "row",
                         },
@@ -4163,8 +4163,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "marginRight": 8,
                           },
                           undefined,
@@ -4174,8 +4174,8 @@ Array [
                     <Text
                       allowFontScaling={false}
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "color": "#001f23",
                             "fontFamily": "BeVietnamPro-Regular",
                             "fontSize": 16,
@@ -4203,10 +4203,10 @@ Array [
                   <View
                     highlighted={false}
                     leadingSection={
-                      Object {
+                      {
                         "category": "A",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "A1",
                             "value": "a1",
                           },
@@ -4214,14 +4214,14 @@ Array [
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "B",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "B1",
                             "value": "b1",
                           },
-                          Object {
+                          {
                             "text": "B2",
                             "value": "b2",
                           },
@@ -4229,15 +4229,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 12,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "text": "B1",
                         "value": "b1",
                       }
@@ -4245,7 +4245,7 @@ Array [
                   />
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -4259,8 +4259,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ece8ef",
                           "borderRadius": 4,
@@ -4274,8 +4274,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -4285,8 +4285,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -4305,8 +4305,8 @@ Array [
                     </View>
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "marginLeft": 8,
                           },
                           undefined,
@@ -4316,12 +4316,12 @@ Array [
                       <HeroIcon
                         name="checkmark"
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#401960",
                               "fontSize": 20,
                             },
-                            Object {
+                            {
                               "marginRight": 12,
                             },
                           ]
@@ -4335,16 +4335,16 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "text": "B1",
                         "value": "b1",
                       }
                     }
                     leadingSection={
-                      Object {
+                      {
                         "category": "A",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "A1",
                             "value": "a1",
                           },
@@ -4352,14 +4352,14 @@ Array [
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "B",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "B1",
                             "value": "b1",
                           },
-                          Object {
+                          {
                             "text": "B2",
                             "value": "b2",
                           },
@@ -4367,15 +4367,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 4,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "text": "B2",
                         "value": "b2",
                       }
@@ -4390,7 +4390,7 @@ Array [
                 <View>
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -4404,8 +4404,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ece8ef",
                           "borderRadius": 4,
@@ -4419,8 +4419,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -4430,8 +4430,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -4450,8 +4450,8 @@ Array [
                     </View>
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "marginLeft": 8,
                           },
                           undefined,
@@ -4461,12 +4461,12 @@ Array [
                       <HeroIcon
                         name="checkmark"
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#401960",
                               "fontSize": 20,
                             },
-                            Object {
+                            {
                               "marginRight": 12,
                             },
                           ]
@@ -4480,16 +4480,16 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "text": "B2",
                         "value": "b2",
                       }
                     }
                     leadingSection={
-                      Object {
+                      {
                         "category": "A",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "A1",
                             "value": "a1",
                           },
@@ -4497,14 +4497,14 @@ Array [
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "B",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "B1",
                             "value": "b1",
                           },
-                          Object {
+                          {
                             "text": "B2",
                             "value": "b2",
                           },
@@ -4512,8 +4512,8 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 12,
                         },
                         undefined,
@@ -4531,8 +4531,8 @@ Array [
           <View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "flexDirection": "row",
                     "justifyContent": "flex-end",
@@ -4545,7 +4545,7 @@ Array [
             >
               <View
                 accessibilityState={
-                  Object {
+                  {
                     "disabled": false,
                   }
                 }
@@ -4559,8 +4559,8 @@ Array [
                 onResponderTerminationRequest={[Function]}
                 onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignItems": "center",
                       "backgroundColor": "transparent",
                       "borderRadius": 4,
@@ -4579,16 +4579,16 @@ Array [
                   ellipsizeMode="tail"
                   numberOfLines={1}
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "fontFamily": "BeVietnamPro-SemiBold",
                         "fontSize": 16,
                         "letterSpacing": 0.24,
                         "lineHeight": 24,
                       },
-                      Array [
-                        Object {
+                      [
+                        {
                           "color": "#401960",
                           "flexShrink": 1,
                           "lineHeight": 22,
@@ -4616,7 +4616,7 @@ Array [
 `;
 
 exports[`rendering renders correctly when receives sections 2`] = `
-Array [
+[
   <View
     pointerEvents="auto"
   >
@@ -4632,7 +4632,7 @@ Array [
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Object {
+        {
           "opacity": 1,
         }
       }
@@ -4643,8 +4643,8 @@ Array [
         <View
           pointerEvents="auto"
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 8,
                 "width": "100%",
               },
@@ -4654,8 +4654,8 @@ Array [
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "alignItems": "center",
                   "backgroundColor": "#ffffff",
                   "borderRadius": 8,
@@ -4668,8 +4668,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderColor": "#001f23",
                     "borderRadius": 8,
                     "borderWidth": 1,
@@ -4679,8 +4679,8 @@ Array [
                     "right": 0,
                     "top": 0,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "backgroundColor": "#ffffff",
                     },
                     undefined,
@@ -4694,8 +4694,8 @@ Array [
             <View
               pointerEvents="none"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "backgroundColor": "#ffffff",
                     "flexDirection": "row",
                     "left": 16,
@@ -4704,7 +4704,7 @@ Array [
                     "top": -4,
                     "zIndex": 1,
                   },
-                  Object {
+                  {
                     "backgroundColor": "#ffffff",
                   },
                 ]
@@ -4714,20 +4714,20 @@ Array [
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
                       "fontSize": 12,
                       "letterSpacing": 0.48,
                       "lineHeight": 16,
                     },
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "lineHeight": 12,
                       },
-                      Object {
+                      {
                         "backgroundColor": "#ffffff",
                       },
                     ],
@@ -4743,8 +4743,8 @@ Array [
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "alignSelf": "stretch",
                     "flexDirection": "row",
@@ -4757,7 +4757,7 @@ Array [
             >
               <TextInput
                 accessibilityState={
-                  Object {
+                  {
                     "disabled": false,
                   }
                 }
@@ -4770,8 +4770,8 @@ Array [
                 placeholder=" "
                 pointerEvents="none"
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignSelf": "stretch",
                       "flexGrow": 2,
                       "fontFamily": "BeVietnamPro-Regular",
@@ -4782,7 +4782,7 @@ Array [
                       "paddingVertical": 0,
                       "textAlignVertical": "center",
                     },
-                    Object {
+                    {
                       "backgroundColor": "#ffffff",
                       "color": "#001f23",
                     },
@@ -4796,8 +4796,8 @@ Array [
             <HeroIcon
               name="arrow-down"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontSize": 24,
                   },
@@ -4811,8 +4811,8 @@ Array [
           </View>
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "minHeight": 16,
                   "paddingLeft": 16,
                   "paddingTop": 2,
@@ -4823,8 +4823,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "flexDirection": "row",
                     "justifyContent": "space-between",
                   },
@@ -4846,8 +4846,8 @@ Array [
     <View
       pointerEvents="box-none"
       style={
-        Array [
-          Object {
+        [
+          {
             "bottom": 0,
             "flexDirection": "column-reverse",
             "left": 0,
@@ -4862,15 +4862,15 @@ Array [
       <View
         onLayout={[Function]}
         style={
-          Array [
-            Array [
-              Object {
+          [
+            [
+              {
                 "flex": 1,
                 "flexDirection": "column-reverse",
               },
               undefined,
             ],
-            Object {
+            {
               "paddingBottom": 0,
             },
           ]
@@ -4890,7 +4890,7 @@ Array [
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Object {
+            {
               "backgroundColor": "#000000",
               "bottom": 0,
               "left": 0,
@@ -4905,7 +4905,7 @@ Array [
           collapsable={false}
           emulateUnlessSupported={true}
           style={
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "borderTopLeftRadius": 16,
               "borderTopRightRadius": 16,
@@ -4913,17 +4913,17 @@ Array [
               "maxHeight": "94%",
               "paddingBottom": 0,
               "shadowColor": "#001f23",
-              "shadowOffset": Object {
+              "shadowOffset": {
                 "height": 3,
                 "width": 0,
               },
               "shadowOpacity": 0.4,
               "shadowRadius": 16,
-              "transform": Array [
-                Object {
+              "transform": [
+                {
                   "scaleY": 1,
                 },
-                Object {
+                {
                   "translateY": 0,
                 },
               ],
@@ -4933,8 +4933,8 @@ Array [
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flexDirection": "row",
                   "paddingHorizontal": 16,
                   "paddingVertical": 8,
@@ -4945,8 +4945,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "flex": 1,
                     "justifyContent": "center",
                   },
@@ -4957,8 +4957,8 @@ Array [
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-SemiBold",
                       "fontSize": 16,
@@ -4977,8 +4977,8 @@ Array [
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "height": 48,
                     "justifyContent": "center",
@@ -5001,7 +5001,7 @@ Array [
                 onResponderTerminationRequest={[Function]}
                 onStartShouldSetResponder={[Function]}
                 style={
-                  Object {
+                  {
                     "opacity": 1,
                   }
                 }
@@ -5010,8 +5010,8 @@ Array [
                 <HeroIcon
                   name="cancel"
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "fontSize": 16,
                       },
@@ -5027,24 +5027,24 @@ Array [
           <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",
                     },
@@ -5068,17 +5068,17 @@ Array [
             renderItem={[Function]}
             scrollEventThrottle={50}
             stickyHeaderIndices={
-              Array [
+              [
                 0,
                 3,
               ]
             }
             style={
-              Array [
-                Object {
+              [
+                {
                   "paddingHorizontal": 12,
                 },
-                Object {},
+                {},
               ]
             }
           >
@@ -5089,8 +5089,8 @@ Array [
               >
                 <View
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "alignContent": "center",
                         "backgroundColor": "#f6f6f7",
                         "display": "flex",
@@ -5100,7 +5100,7 @@ Array [
                         "paddingHorizontal": 16,
                         "paddingVertical": 8,
                       },
-                      Object {
+                      {
                         "marginBottom": 0,
                       },
                     ]
@@ -5108,8 +5108,8 @@ Array [
                 >
                   <View
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "display": "flex",
                           "flexDirection": "row",
                         },
@@ -5119,8 +5119,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "marginRight": 8,
                           },
                           undefined,
@@ -5130,8 +5130,8 @@ Array [
                     <Text
                       allowFontScaling={false}
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "color": "#001f23",
                             "fontFamily": "BeVietnamPro-Regular",
                             "fontSize": 16,
@@ -5159,10 +5159,10 @@ Array [
                   <View
                     highlighted={false}
                     section={
-                      Object {
+                      {
                         "category": "A",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "A1",
                             "value": "a1",
                           },
@@ -5170,28 +5170,28 @@ Array [
                       }
                     }
                     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",
                           },
@@ -5201,7 +5201,7 @@ Array [
                   />
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -5215,8 +5215,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ece8ef",
                           "borderRadius": 4,
@@ -5230,8 +5230,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -5241,8 +5241,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -5261,8 +5261,8 @@ Array [
                     </View>
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "marginLeft": 8,
                           },
                           undefined,
@@ -5272,12 +5272,12 @@ Array [
                       <HeroIcon
                         name="checkmark"
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#401960",
                               "fontSize": 20,
                             },
-                            Object {
+                            {
                               "marginRight": 12,
                             },
                           ]
@@ -5291,16 +5291,16 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "text": "A1",
                         "value": "a1",
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "A",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "A1",
                             "value": "a1",
                           },
@@ -5308,22 +5308,22 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 12,
                         },
                         undefined,
                       ]
                     }
                     trailingSection={
-                      Object {
+                      {
                         "category": "B",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "B1",
                             "value": "b1",
                           },
-                          Object {
+                          {
                             "text": "B2",
                             "value": "b2",
                           },
@@ -5343,8 +5343,8 @@ Array [
               >
                 <View
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "alignContent": "center",
                         "backgroundColor": "#f6f6f7",
                         "display": "flex",
@@ -5354,7 +5354,7 @@ Array [
                         "paddingHorizontal": 16,
                         "paddingVertical": 8,
                       },
-                      Object {
+                      {
                         "marginBottom": 0,
                       },
                     ]
@@ -5362,8 +5362,8 @@ Array [
                 >
                   <View
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "display": "flex",
                           "flexDirection": "row",
                         },
@@ -5373,8 +5373,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "marginRight": 8,
                           },
                           undefined,
@@ -5384,8 +5384,8 @@ Array [
                     <Text
                       allowFontScaling={false}
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "color": "#001f23",
                             "fontFamily": "BeVietnamPro-Regular",
                             "fontSize": 16,
@@ -5413,10 +5413,10 @@ Array [
                   <View
                     highlighted={false}
                     leadingSection={
-                      Object {
+                      {
                         "category": "A",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "A1",
                             "value": "a1",
                           },
@@ -5424,14 +5424,14 @@ Array [
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "B",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "B1",
                             "value": "b1",
                           },
-                          Object {
+                          {
                             "text": "B2",
                             "value": "b2",
                           },
@@ -5439,15 +5439,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 12,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "text": "B1",
                         "value": "b1",
                       }
@@ -5455,7 +5455,7 @@ Array [
                   />
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -5469,8 +5469,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -5484,8 +5484,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -5495,8 +5495,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -5517,16 +5517,16 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "text": "B1",
                         "value": "b1",
                       }
                     }
                     leadingSection={
-                      Object {
+                      {
                         "category": "A",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "A1",
                             "value": "a1",
                           },
@@ -5534,14 +5534,14 @@ Array [
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "B",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "B1",
                             "value": "b1",
                           },
-                          Object {
+                          {
                             "text": "B2",
                             "value": "b2",
                           },
@@ -5549,15 +5549,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 4,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "text": "B2",
                         "value": "b2",
                       }
@@ -5572,7 +5572,7 @@ Array [
                 <View>
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -5586,8 +5586,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -5601,8 +5601,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -5612,8 +5612,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -5634,16 +5634,16 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "text": "B2",
                         "value": "b2",
                       }
                     }
                     leadingSection={
-                      Object {
+                      {
                         "category": "A",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "A1",
                             "value": "a1",
                           },
@@ -5651,14 +5651,14 @@ Array [
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "B",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "B1",
                             "value": "b1",
                           },
-                          Object {
+                          {
                             "text": "B2",
                             "value": "b2",
                           },
@@ -5666,8 +5666,8 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 12,
                         },
                         undefined,
@@ -5685,8 +5685,8 @@ Array [
           <View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "flexDirection": "row",
                     "justifyContent": "flex-end",
@@ -5699,7 +5699,7 @@ Array [
             >
               <View
                 accessibilityState={
-                  Object {
+                  {
                     "disabled": false,
                   }
                 }
@@ -5713,8 +5713,8 @@ Array [
                 onResponderTerminationRequest={[Function]}
                 onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignItems": "center",
                       "backgroundColor": "transparent",
                       "borderRadius": 4,
@@ -5733,16 +5733,16 @@ Array [
                   ellipsizeMode="tail"
                   numberOfLines={1}
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "fontFamily": "BeVietnamPro-SemiBold",
                         "fontSize": 16,
                         "letterSpacing": 0.24,
                         "lineHeight": 24,
                       },
-                      Array [
-                        Object {
+                      [
+                        {
                           "color": "#401960",
                           "flexShrink": 1,
                           "lineHeight": 22,