fix(android): clone children instead of creating new ones (#284)

Co-authored-by: Arkadiusz Kubaczkowski <[email protected]>

Author: arekkubaczkowski

src/utils.tsx

@@ -8,14 +8,14 @@
  * @flow strict-local
  */
 
-import React, { Children, ReactElement, ReactNode } from 'react';
+import React, { Children, ReactNode, ReactElement } from 'react';
 
 export const childrenWithOverriddenStyle = (children?: ReactNode) => {
   // Override styles so that each page will fill the parent. Native component
   // will handle positioning of elements, so it's not important to offset
   // them correctly.
   return Children.map(children, (child) => {
-    const { props, type } = child as ReactElement;
+    const { props } = child as ReactElement;
     const newProps = {
       ...props,
       style: [
@@ -32,6 +32,6 @@ export const childrenWithOverriddenStyle = (children?: ReactNode) => {
       ],
       collapsable: false,
     };
-    return React.createElement(type, newProps);
+    return React.cloneElement(child as ReactElement, newProps);
   });
 };