bring back as prop to FlexItem

Author: anilanar

.changeset/dirty-dolls-drop.md

@@ -0,0 +1,5 @@
+---
+"@moblin/chakra-ui": patch
+---
+
+allow as prop for FlexItem

packages/chakra-ui/src/Flex.tsx

@@ -1,4 +1,9 @@
-import { chakra, forwardRef, SystemProps } from "@chakra-v2/react";
+import {
+  chakra,
+  forwardRef,
+  SystemProps,
+  type MergeWithAs,
+} from "@chakra-v2/react";
 import {
   __DEV__,
   AlignContent,
@@ -29,10 +34,12 @@ export const FlexItem = ({
   basis = "auto",
   children,
   overflowAnchor,
+  as,
   ...props
-}: FlexItemProps) => {
+}: MergeWithAs<{}, {}, FlexItemProps>) => {
   return (
     <chakra.div
+      as={as}
       display="flex"
       overflow="visible"
       alignItems="stretch"