@hero-design/rn 8.38.0 → 8.39.1

package/src/components/Select/SingleSelect/__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",
                     },
@@ -181,8 +181,8 @@ Array [
             <HeroIcon
               name="arrow-down"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontSize": 24,
                   },
@@ -196,8 +196,8 @@ Array [
           </View>
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "minHeight": 16,
                   "paddingLeft": 16,
                   "paddingTop": 2,
@@ -208,8 +208,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "flexDirection": "row",
                     "justifyContent": "space-between",
                   },
@@ -231,8 +231,8 @@ Array [
     <View
       pointerEvents="box-none"
       style={
-        Array [
-          Object {
+        [
+          {
             "bottom": 0,
             "flexDirection": "column-reverse",
             "left": 0,
@@ -247,15 +247,15 @@ Array [
       <View
         onLayout={[Function]}
         style={
-          Array [
-            Array [
-              Object {
+          [
+            [
+              {
                 "flex": 1,
                 "flexDirection": "column-reverse",
               },
               undefined,
             ],
-            Object {
+            {
               "paddingBottom": 0,
             },
           ]
@@ -275,7 +275,7 @@ Array [
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Object {
+            {
               "backgroundColor": "#000000",
               "bottom": 0,
               "left": 0,
@@ -290,7 +290,7 @@ Array [
           collapsable={false}
           emulateUnlessSupported={true}
           style={
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "borderTopLeftRadius": 16,
               "borderTopRightRadius": 16,
@@ -298,17 +298,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,
                 },
               ],
@@ -318,8 +318,8 @@ Array [
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flexDirection": "row",
                   "paddingHorizontal": 16,
                   "paddingVertical": 8,
@@ -330,8 +330,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "flex": 1,
                     "justifyContent": "center",
                   },
@@ -342,8 +342,8 @@ Array [
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-SemiBold",
                       "fontSize": 16,
@@ -362,8 +362,8 @@ Array [
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "height": 48,
                     "justifyContent": "center",
@@ -386,7 +386,7 @@ Array [
                 onResponderTerminationRequest={[Function]}
                 onStartShouldSetResponder={[Function]}
                 style={
-                  Object {
+                  {
                     "opacity": 1,
                   }
                 }
@@ -395,8 +395,8 @@ Array [
                 <HeroIcon
                   name="cancel"
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "fontSize": 16,
                       },
@@ -412,31 +412,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",
@@ -461,21 +461,21 @@ Array [
             renderItem={[Function]}
             scrollEventThrottle={50}
             stickyHeaderIndices={
-              Array [
+              [
                 0,
                 4,
               ]
             }
             style={
-              Array [
-                Object {
+              [
+                {
                   "paddingHorizontal": 12,
                 },
-                Array [
-                  Object {
+                [
+                  {
                     "paddingBottom": 16,
                   },
-                  Object {},
+                  {},
                 ],
               ]
             }
@@ -487,8 +487,8 @@ Array [
               >
                 <View
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "alignContent": "center",
                         "backgroundColor": "#f6f6f7",
                         "display": "flex",
@@ -498,7 +498,7 @@ Array [
                         "paddingHorizontal": 16,
                         "paddingVertical": 8,
                       },
-                      Object {
+                      {
                         "marginBottom": 0,
                       },
                     ]
@@ -506,8 +506,8 @@ Array [
                 >
                   <View
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "display": "flex",
                           "flexDirection": "row",
                         },
@@ -517,8 +517,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "marginRight": 8,
                           },
                           undefined,
@@ -528,8 +528,8 @@ Array [
                     <Text
                       allowFontScaling={false}
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "color": "#001f23",
                             "fontFamily": "BeVietnamPro-Regular",
                             "fontSize": 16,
@@ -557,15 +557,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",
@@ -574,30 +574,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",
@@ -608,7 +608,7 @@ Array [
                   />
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -622,8 +622,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -637,8 +637,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -648,8 +648,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-SemiBold",
                               "fontSize": 16,
@@ -668,8 +668,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#4d6265",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -690,22 +690,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",
@@ -714,30 +714,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",
@@ -755,7 +755,7 @@ Array [
                 <View>
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -769,8 +769,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -784,8 +784,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -795,8 +795,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-SemiBold",
                               "fontSize": 16,
@@ -815,8 +815,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#4d6265",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -837,22 +837,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",
@@ -861,23 +861,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",
@@ -898,8 +898,8 @@ Array [
               >
                 <View
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "alignContent": "center",
                         "backgroundColor": "#f6f6f7",
                         "display": "flex",
@@ -909,7 +909,7 @@ Array [
                         "paddingHorizontal": 16,
                         "paddingVertical": 8,
                       },
-                      Object {
+                      {
                         "marginBottom": 0,
                       },
                     ]
@@ -917,8 +917,8 @@ Array [
                 >
                   <View
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "display": "flex",
                           "flexDirection": "row",
                         },
@@ -928,8 +928,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "marginRight": 8,
                           },
                           undefined,
@@ -939,8 +939,8 @@ Array [
                     <Text
                       allowFontScaling={false}
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "color": "#001f23",
                             "fontFamily": "BeVietnamPro-Regular",
                             "fontSize": 16,
@@ -968,15 +968,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",
@@ -985,15 +985,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",
@@ -1002,15 +1002,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 12,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "role": "UX Designer",
                         "text": "Jennifer",
                         "value": "jennifer",
@@ -1019,7 +1019,7 @@ Array [
                   />
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -1033,8 +1033,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -1048,8 +1048,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -1059,8 +1059,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-SemiBold",
                               "fontSize": 16,
@@ -1079,8 +1079,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#4d6265",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -1101,22 +1101,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",
@@ -1125,15 +1125,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",
@@ -1142,15 +1142,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 4,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "role": "Junior Developer",
                         "text": "Josh ",
                         "value": "josh",
@@ -1166,7 +1166,7 @@ Array [
                 <View>
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -1180,8 +1180,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -1195,8 +1195,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -1206,8 +1206,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-SemiBold",
                               "fontSize": 16,
@@ -1226,8 +1226,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#4d6265",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -1248,22 +1248,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",
@@ -1272,15 +1272,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",
@@ -1289,8 +1289,8 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 12,
                         },
                         undefined,
@@ -1313,7 +1313,7 @@ Array [
 `;
 
 exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
-Array [
+[
   <View
     pointerEvents="auto"
   >
@@ -1329,7 +1329,7 @@ Array [
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Object {
+        {
           "opacity": 1,
         }
       }
@@ -1340,8 +1340,8 @@ Array [
         <View
           pointerEvents="auto"
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 8,
                 "width": "100%",
               },
@@ -1351,8 +1351,8 @@ Array [
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "alignItems": "center",
                   "backgroundColor": "#ffffff",
                   "borderRadius": 8,
@@ -1365,8 +1365,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderColor": "#001f23",
                     "borderRadius": 8,
                     "borderWidth": 1,
@@ -1376,8 +1376,8 @@ Array [
                     "right": 0,
                     "top": 0,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "backgroundColor": "#ffffff",
                     },
                     undefined,
@@ -1391,8 +1391,8 @@ Array [
             <View
               pointerEvents="none"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "backgroundColor": "#ffffff",
                     "flexDirection": "row",
                     "left": 16,
@@ -1401,7 +1401,7 @@ Array [
                     "top": -4,
                     "zIndex": 1,
                   },
-                  Object {
+                  {
                     "backgroundColor": "#ffffff",
                   },
                 ]
@@ -1411,20 +1411,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",
                       },
                     ],
@@ -1440,8 +1440,8 @@ Array [
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "alignSelf": "stretch",
                     "flexDirection": "row",
@@ -1454,7 +1454,7 @@ Array [
             >
               <TextInput
                 accessibilityState={
-                  Object {
+                  {
                     "disabled": false,
                   }
                 }
@@ -1467,8 +1467,8 @@ Array [
                 placeholder=" "
                 pointerEvents="none"
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignSelf": "stretch",
                       "flexGrow": 2,
                       "fontFamily": "BeVietnamPro-Regular",
@@ -1479,7 +1479,7 @@ Array [
                       "paddingVertical": 0,
                       "textAlignVertical": "center",
                     },
-                    Object {
+                    {
                       "backgroundColor": "#ffffff",
                       "color": "#001f23",
                     },
@@ -1493,8 +1493,8 @@ Array [
             <HeroIcon
               name="arrow-down"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontSize": 24,
                   },
@@ -1508,8 +1508,8 @@ Array [
           </View>
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "minHeight": 16,
                   "paddingLeft": 16,
                   "paddingTop": 2,
@@ -1520,8 +1520,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "flexDirection": "row",
                     "justifyContent": "space-between",
                   },
@@ -1544,7 +1544,7 @@ Array [
 `;
 
 exports[`rendering renders correctly when bottom sheet is visible 1`] = `
-Array [
+[
   <View
     pointerEvents="auto"
   >
@@ -1560,7 +1560,7 @@ Array [
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Object {
+        {
           "opacity": 1,
         }
       }
@@ -1571,8 +1571,8 @@ Array [
         <View
           pointerEvents="auto"
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 8,
                 "width": "100%",
               },
@@ -1582,8 +1582,8 @@ Array [
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "alignItems": "center",
                   "backgroundColor": "#ffffff",
                   "borderRadius": 8,
@@ -1596,8 +1596,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderColor": "#001f23",
                     "borderRadius": 8,
                     "borderWidth": 1,
@@ -1607,8 +1607,8 @@ Array [
                     "right": 0,
                     "top": 0,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "backgroundColor": "#ffffff",
                     },
                     undefined,
@@ -1622,8 +1622,8 @@ Array [
             <View
               pointerEvents="none"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "backgroundColor": "#ffffff",
                     "flexDirection": "row",
                     "left": 16,
@@ -1632,7 +1632,7 @@ Array [
                     "top": -4,
                     "zIndex": 1,
                   },
-                  Object {
+                  {
                     "backgroundColor": "#ffffff",
                   },
                 ]
@@ -1642,20 +1642,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",
                       },
                     ],
@@ -1671,8 +1671,8 @@ Array [
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "alignSelf": "stretch",
                     "flexDirection": "row",
@@ -1685,7 +1685,7 @@ Array [
             >
               <TextInput
                 accessibilityState={
-                  Object {
+                  {
                     "disabled": false,
                   }
                 }
@@ -1698,8 +1698,8 @@ Array [
                 placeholder=" "
                 pointerEvents="none"
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignSelf": "stretch",
                       "flexGrow": 2,
                       "fontFamily": "BeVietnamPro-Regular",
@@ -1710,7 +1710,7 @@ Array [
                       "paddingVertical": 0,
                       "textAlignVertical": "center",
                     },
-                    Object {
+                    {
                       "backgroundColor": "#ffffff",
                       "color": "#001f23",
                     },
@@ -1724,8 +1724,8 @@ Array [
             <HeroIcon
               name="arrow-down"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontSize": 24,
                   },
@@ -1739,8 +1739,8 @@ Array [
           </View>
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "minHeight": 16,
                   "paddingLeft": 16,
                   "paddingTop": 2,
@@ -1751,8 +1751,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "flexDirection": "row",
                     "justifyContent": "space-between",
                   },
@@ -1774,8 +1774,8 @@ Array [
     <View
       pointerEvents="box-none"
       style={
-        Array [
-          Object {
+        [
+          {
             "bottom": 0,
             "flexDirection": "column-reverse",
             "left": 0,
@@ -1790,15 +1790,15 @@ Array [
       <View
         onLayout={[Function]}
         style={
-          Array [
-            Array [
-              Object {
+          [
+            [
+              {
                 "flex": 1,
                 "flexDirection": "column-reverse",
               },
               undefined,
             ],
-            Object {
+            {
               "paddingBottom": 0,
             },
           ]
@@ -1818,7 +1818,7 @@ Array [
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Object {
+            {
               "backgroundColor": "#000000",
               "bottom": 0,
               "left": 0,
@@ -1833,7 +1833,7 @@ Array [
           collapsable={false}
           emulateUnlessSupported={true}
           style={
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "borderTopLeftRadius": 16,
               "borderTopRightRadius": 16,
@@ -1841,17 +1841,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,
                 },
               ],
@@ -1861,8 +1861,8 @@ Array [
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flexDirection": "row",
                   "paddingHorizontal": 16,
                   "paddingVertical": 8,
@@ -1873,8 +1873,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "flex": 1,
                     "justifyContent": "center",
                   },
@@ -1885,8 +1885,8 @@ Array [
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-SemiBold",
                       "fontSize": 16,
@@ -1905,8 +1905,8 @@ Array [
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "height": 48,
                     "justifyContent": "center",
@@ -1929,7 +1929,7 @@ Array [
                 onResponderTerminationRequest={[Function]}
                 onStartShouldSetResponder={[Function]}
                 style={
-                  Object {
+                  {
                     "opacity": 1,
                   }
                 }
@@ -1938,8 +1938,8 @@ Array [
                 <HeroIcon
                   name="cancel"
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "fontSize": 16,
                       },
@@ -1955,35 +1955,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",
@@ -2008,20 +2008,20 @@ Array [
             renderItem={[Function]}
             scrollEventThrottle={50}
             stickyHeaderIndices={
-              Array [
+              [
                 0,
               ]
             }
             style={
-              Array [
-                Object {
+              [
+                {
                   "paddingHorizontal": 12,
                 },
-                Array [
-                  Object {
+                [
+                  {
                     "paddingBottom": 16,
                   },
-                  Object {},
+                  {},
                 ],
               ]
             }
@@ -2039,34 +2039,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",
@@ -2075,15 +2075,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 12,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "text": "Monday",
                         "value": "mon",
                       }
@@ -2091,7 +2091,7 @@ Array [
                   />
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -2105,8 +2105,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ece8ef",
                           "borderRadius": 4,
@@ -2120,8 +2120,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -2131,8 +2131,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -2153,40 +2153,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",
@@ -2195,15 +2195,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 4,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "text": "Tuesday",
                         "value": "tue",
                       }
@@ -2218,7 +2218,7 @@ Array [
                 <View>
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -2232,8 +2232,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -2247,8 +2247,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -2258,8 +2258,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -2280,40 +2280,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",
@@ -2322,15 +2322,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 4,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "text": "Wednesday",
                         "value": "wed",
                       }
@@ -2345,7 +2345,7 @@ Array [
                 <View>
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -2359,8 +2359,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -2374,8 +2374,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -2385,8 +2385,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -2407,40 +2407,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",
@@ -2449,15 +2449,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 4,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "text": "Thursday",
                         "value": "thu",
                       }
@@ -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": "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",
@@ -2576,15 +2576,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 4,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "text": "Friday",
                         "value": "fri",
                       }
@@ -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": "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",
@@ -2703,15 +2703,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 4,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "text": "Saturday",
                         "value": "sat",
                       }
@@ -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": "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",
@@ -2830,15 +2830,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 4,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "disabled": true,
                         "text": "Sunday",
                         "value": "sun",
@@ -2854,7 +2854,7 @@ Array [
                 <View>
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": true,
                       }
                     }
@@ -2868,8 +2868,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -2883,8 +2883,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -2894,8 +2894,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -2916,41 +2916,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",
@@ -2959,8 +2959,8 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 12,
                         },
                         undefined,
@@ -2983,7 +2983,7 @@ Array [
 `;
 
 exports[`rendering renders correctly when input is loading 1`] = `
-Array [
+[
   <View
     pointerEvents="none"
   >
@@ -2999,7 +2999,7 @@ Array [
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Object {
+        {
           "opacity": 1,
         }
       }
@@ -3010,8 +3010,8 @@ Array [
         <View
           pointerEvents="none"
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 8,
                 "width": "100%",
               },
@@ -3021,8 +3021,8 @@ Array [
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "alignItems": "center",
                   "backgroundColor": "#ffffff",
                   "borderRadius": 8,
@@ -3035,8 +3035,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderColor": "#808f91",
                     "borderRadius": 8,
                     "borderWidth": 1,
@@ -3046,8 +3046,8 @@ Array [
                     "right": 0,
                     "top": 0,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "backgroundColor": "#ffffff",
                     },
                     undefined,
@@ -3061,8 +3061,8 @@ Array [
             <View
               pointerEvents="none"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "backgroundColor": "#ffffff",
                     "flexDirection": "row",
                     "left": 16,
@@ -3071,7 +3071,7 @@ Array [
                     "top": -4,
                     "zIndex": 1,
                   },
-                  Object {
+                  {
                     "backgroundColor": "#ffffff",
                   },
                 ]
@@ -3081,20 +3081,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",
                       },
                     ],
@@ -3110,8 +3110,8 @@ Array [
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "alignSelf": "stretch",
                     "flexDirection": "row",
@@ -3124,7 +3124,7 @@ Array [
             >
               <TextInput
                 accessibilityState={
-                  Object {
+                  {
                     "disabled": true,
                   }
                 }
@@ -3137,8 +3137,8 @@ Array [
                 placeholder=" "
                 pointerEvents="none"
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignSelf": "stretch",
                       "flexGrow": 2,
                       "fontFamily": "BeVietnamPro-Regular",
@@ -3149,7 +3149,7 @@ Array [
                       "paddingVertical": 0,
                       "textAlignVertical": "center",
                     },
-                    Object {
+                    {
                       "backgroundColor": "#ffffff",
                       "color": "#001f23",
                     },
@@ -3163,9 +3163,9 @@ Array [
             <View
               collapsable={false}
               style={
-                Object {
-                  "transform": Array [
-                    Object {
+                {
+                  "transform": [
+                    {
                       "rotate": "0deg",
                     },
                   ],
@@ -3175,8 +3175,8 @@ Array [
               <HeroIcon
                 name="loading"
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontSize": 24,
                     },
@@ -3191,8 +3191,8 @@ Array [
           </View>
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "minHeight": 16,
                   "paddingLeft": 16,
                   "paddingTop": 2,
@@ -3203,8 +3203,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "flexDirection": "row",
                     "justifyContent": "space-between",
                   },
@@ -3227,7 +3227,7 @@ Array [
 `;
 
 exports[`rendering renders correctly when receives sections 1`] = `
-Array [
+[
   <View
     pointerEvents="auto"
   >
@@ -3243,7 +3243,7 @@ Array [
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Object {
+        {
           "opacity": 1,
         }
       }
@@ -3254,8 +3254,8 @@ Array [
         <View
           pointerEvents="auto"
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 8,
                 "width": "100%",
               },
@@ -3265,8 +3265,8 @@ Array [
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "alignItems": "center",
                   "backgroundColor": "#ffffff",
                   "borderRadius": 8,
@@ -3279,8 +3279,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "borderColor": "#001f23",
                     "borderRadius": 8,
                     "borderWidth": 1,
@@ -3290,8 +3290,8 @@ Array [
                     "right": 0,
                     "top": 0,
                   },
-                  Array [
-                    Object {
+                  [
+                    {
                       "backgroundColor": "#ffffff",
                     },
                     undefined,
@@ -3305,8 +3305,8 @@ Array [
             <View
               pointerEvents="none"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "backgroundColor": "#ffffff",
                     "flexDirection": "row",
                     "left": 16,
@@ -3315,7 +3315,7 @@ Array [
                     "top": -4,
                     "zIndex": 1,
                   },
-                  Object {
+                  {
                     "backgroundColor": "#ffffff",
                   },
                 ]
@@ -3325,20 +3325,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",
                       },
                     ],
@@ -3354,8 +3354,8 @@ Array [
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "alignSelf": "stretch",
                     "flexDirection": "row",
@@ -3368,7 +3368,7 @@ Array [
             >
               <TextInput
                 accessibilityState={
-                  Object {
+                  {
                     "disabled": false,
                   }
                 }
@@ -3381,8 +3381,8 @@ Array [
                 placeholder=" "
                 pointerEvents="none"
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignSelf": "stretch",
                       "flexGrow": 2,
                       "fontFamily": "BeVietnamPro-Regular",
@@ -3393,7 +3393,7 @@ Array [
                       "paddingVertical": 0,
                       "textAlignVertical": "center",
                     },
-                    Object {
+                    {
                       "backgroundColor": "#ffffff",
                       "color": "#001f23",
                     },
@@ -3407,8 +3407,8 @@ Array [
             <HeroIcon
               name="arrow-down"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontSize": 24,
                   },
@@ -3422,8 +3422,8 @@ Array [
           </View>
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "minHeight": 16,
                   "paddingLeft": 16,
                   "paddingTop": 2,
@@ -3434,8 +3434,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "flexDirection": "row",
                     "justifyContent": "space-between",
                   },
@@ -3457,8 +3457,8 @@ Array [
     <View
       pointerEvents="box-none"
       style={
-        Array [
-          Object {
+        [
+          {
             "bottom": 0,
             "flexDirection": "column-reverse",
             "left": 0,
@@ -3473,15 +3473,15 @@ Array [
       <View
         onLayout={[Function]}
         style={
-          Array [
-            Array [
-              Object {
+          [
+            [
+              {
                 "flex": 1,
                 "flexDirection": "column-reverse",
               },
               undefined,
             ],
-            Object {
+            {
               "paddingBottom": 0,
             },
           ]
@@ -3501,7 +3501,7 @@ Array [
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Object {
+            {
               "backgroundColor": "#000000",
               "bottom": 0,
               "left": 0,
@@ -3516,7 +3516,7 @@ Array [
           collapsable={false}
           emulateUnlessSupported={true}
           style={
-            Object {
+            {
               "backgroundColor": "#ffffff",
               "borderTopLeftRadius": 16,
               "borderTopRightRadius": 16,
@@ -3524,17 +3524,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,
                 },
               ],
@@ -3544,8 +3544,8 @@ Array [
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flexDirection": "row",
                   "paddingHorizontal": 16,
                   "paddingVertical": 8,
@@ -3556,8 +3556,8 @@ Array [
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "flex": 1,
                     "justifyContent": "center",
                   },
@@ -3568,8 +3568,8 @@ Array [
               <Text
                 allowFontScaling={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-SemiBold",
                       "fontSize": 16,
@@ -3588,8 +3588,8 @@ Array [
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "alignItems": "center",
                     "height": 48,
                     "justifyContent": "center",
@@ -3612,7 +3612,7 @@ Array [
                 onResponderTerminationRequest={[Function]}
                 onStartShouldSetResponder={[Function]}
                 style={
-                  Object {
+                  {
                     "opacity": 1,
                   }
                 }
@@ -3621,8 +3621,8 @@ Array [
                 <HeroIcon
                   name="cancel"
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "fontSize": 16,
                       },
@@ -3638,24 +3638,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",
                     },
@@ -3679,21 +3679,21 @@ Array [
             renderItem={[Function]}
             scrollEventThrottle={50}
             stickyHeaderIndices={
-              Array [
+              [
                 0,
                 3,
               ]
             }
             style={
-              Array [
-                Object {
+              [
+                {
                   "paddingHorizontal": 12,
                 },
-                Array [
-                  Object {
+                [
+                  {
                     "paddingBottom": 16,
                   },
-                  Object {},
+                  {},
                 ],
               ]
             }
@@ -3705,8 +3705,8 @@ Array [
               >
                 <View
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "alignContent": "center",
                         "backgroundColor": "#f6f6f7",
                         "display": "flex",
@@ -3716,7 +3716,7 @@ Array [
                         "paddingHorizontal": 16,
                         "paddingVertical": 8,
                       },
-                      Object {
+                      {
                         "marginBottom": 0,
                       },
                     ]
@@ -3724,8 +3724,8 @@ Array [
                 >
                   <View
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "display": "flex",
                           "flexDirection": "row",
                         },
@@ -3735,8 +3735,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "marginRight": 8,
                           },
                           undefined,
@@ -3746,8 +3746,8 @@ Array [
                     <Text
                       allowFontScaling={false}
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "color": "#001f23",
                             "fontFamily": "BeVietnamPro-Regular",
                             "fontSize": 16,
@@ -3775,10 +3775,10 @@ Array [
                   <View
                     highlighted={false}
                     section={
-                      Object {
+                      {
                         "category": "A",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "A1",
                             "value": "a1",
                           },
@@ -3786,28 +3786,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",
                           },
@@ -3817,7 +3817,7 @@ Array [
                   />
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -3831,8 +3831,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ece8ef",
                           "borderRadius": 4,
@@ -3846,8 +3846,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -3857,8 +3857,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -3879,16 +3879,16 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "text": "A1",
                         "value": "a1",
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "A",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "A1",
                             "value": "a1",
                           },
@@ -3896,22 +3896,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",
                           },
@@ -3931,8 +3931,8 @@ Array [
               >
                 <View
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "alignContent": "center",
                         "backgroundColor": "#f6f6f7",
                         "display": "flex",
@@ -3942,7 +3942,7 @@ Array [
                         "paddingHorizontal": 16,
                         "paddingVertical": 8,
                       },
-                      Object {
+                      {
                         "marginBottom": 0,
                       },
                     ]
@@ -3950,8 +3950,8 @@ Array [
                 >
                   <View
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "display": "flex",
                           "flexDirection": "row",
                         },
@@ -3961,8 +3961,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "marginRight": 8,
                           },
                           undefined,
@@ -3972,8 +3972,8 @@ Array [
                     <Text
                       allowFontScaling={false}
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "color": "#001f23",
                             "fontFamily": "BeVietnamPro-Regular",
                             "fontSize": 16,
@@ -4001,10 +4001,10 @@ Array [
                   <View
                     highlighted={false}
                     leadingSection={
-                      Object {
+                      {
                         "category": "A",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "A1",
                             "value": "a1",
                           },
@@ -4012,14 +4012,14 @@ Array [
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "B",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "B1",
                             "value": "b1",
                           },
-                          Object {
+                          {
                             "text": "B2",
                             "value": "b2",
                           },
@@ -4027,15 +4027,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 12,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "text": "B1",
                         "value": "b1",
                       }
@@ -4043,7 +4043,7 @@ Array [
                   />
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -4057,8 +4057,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -4072,8 +4072,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -4083,8 +4083,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -4105,16 +4105,16 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "text": "B1",
                         "value": "b1",
                       }
                     }
                     leadingSection={
-                      Object {
+                      {
                         "category": "A",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "A1",
                             "value": "a1",
                           },
@@ -4122,14 +4122,14 @@ Array [
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "B",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "B1",
                             "value": "b1",
                           },
-                          Object {
+                          {
                             "text": "B2",
                             "value": "b2",
                           },
@@ -4137,15 +4137,15 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 4,
                         },
                         undefined,
                       ]
                     }
                     trailingItem={
-                      Object {
+                      {
                         "text": "B2",
                         "value": "b2",
                       }
@@ -4160,7 +4160,7 @@ Array [
                 <View>
                   <View
                     accessibilityState={
-                      Object {
+                      {
                         "disabled": false,
                       }
                     }
@@ -4174,8 +4174,8 @@ Array [
                     onResponderTerminationRequest={[Function]}
                     onStartShouldSetResponder={[Function]}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "alignItems": "center",
                           "backgroundColor": "#ffffff",
                           "borderRadius": 4,
@@ -4189,8 +4189,8 @@ Array [
                   >
                     <View
                       style={
-                        Array [
-                          Object {
+                        [
+                          {
                             "flex": 1,
                           },
                           undefined,
@@ -4200,8 +4200,8 @@ Array [
                       <Text
                         allowFontScaling={false}
                         style={
-                          Array [
-                            Object {
+                          [
+                            {
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-Regular",
                               "fontSize": 16,
@@ -4222,16 +4222,16 @@ Array [
                   <View
                     highlighted={false}
                     leadingItem={
-                      Object {
+                      {
                         "text": "B2",
                         "value": "b2",
                       }
                     }
                     leadingSection={
-                      Object {
+                      {
                         "category": "A",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "A1",
                             "value": "a1",
                           },
@@ -4239,14 +4239,14 @@ Array [
                       }
                     }
                     section={
-                      Object {
+                      {
                         "category": "B",
-                        "data": Array [
-                          Object {
+                        "data": [
+                          {
                             "text": "B1",
                             "value": "b1",
                           },
-                          Object {
+                          {
                             "text": "B2",
                             "value": "b2",
                           },
@@ -4254,8 +4254,8 @@ Array [
                       }
                     }
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "marginTop": 12,
                         },
                         undefined,