fix last warnings

Author: layershifter

docs/src/examples/components/Ref/Types/RefForwardingExample.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Grid, Ref, Segment } from '@stardust-ui/react'
 
-const ExampleButton = React.forwardRef<HTMLButtonElement>((props, ref) => (
+const ExampleButton = React.forwardRef<HTMLButtonElement, { children: string }>((props, ref) => (
   <div>
     <button {...props} ref={ref} />
   </div>

docs/src/prototypes/popups/GridImagePicker/GridImagePicker.tsx

@@ -6,7 +6,6 @@ import { ShorthandValue } from '../../../../../types/utils'
 import GridImagePickerItem, { GridPickerItemProps } from './GridImagePickerItem'
 
 export interface GridPickerProps {
-  as?: keyof React.ReactHTML
   items: GridPickerItemProps[]
   gridColumns?: string | number
   inputIcon?: ShorthandValue
@@ -27,7 +26,6 @@ const inputStyles = {
 
 class GridImagePicker extends React.Component<GridPickerProps> {
   static defaultProps = {
-    as: 'ul',
     gridColumns: 5,
     inputIcon: 'search',
     inputPlaceholder: 'Search...',
@@ -41,7 +39,7 @@ class GridImagePicker extends React.Component<GridPickerProps> {
   }
 
   render() {
-    const { as: ElementType, gridColumns, inputIcon, inputPlaceholder } = this.props
+    const { gridColumns, inputIcon, inputPlaceholder } = this.props
 
     return (
       <>
@@ -53,7 +51,7 @@ class GridImagePicker extends React.Component<GridPickerProps> {
           inputRef={this.setInputNode}
         />
         <Grid
-          as={ElementType}
+          as="ul"
           accessibility={gridBehavior}
           columns={gridColumns}
           style={gridStyles}

docs/src/prototypes/popups/GridImagePicker/GridImagePickerItem.tsx

@@ -3,7 +3,6 @@ import { Image, Button } from '@stardust-ui/react'
 import * as React from 'react'
 
 export interface GridPickerItemProps {
-  as?: keyof React.ReactHTML
   title?: string
   imageSrc: string
   onClick?: (e: React.SyntheticEvent, props: GridPickerItemProps) => void
@@ -17,19 +16,15 @@ const imageButtonStyles = {
 }
 
 class GridImagePickerItem extends React.Component<GridPickerItemProps> {
-  static defaultProps = {
-    as: 'li',
-  }
-
   render() {
-    const { title, imageSrc, as: ElementType, onClick } = this.props
+    const { title, imageSrc, onClick } = this.props
 
     return (
-      <ElementType>
+      <li>
         <Button styles={imageButtonStyles} onClick={onClick} title={title} role="listitem">
           {imageSrc && <Image src={imageSrc} fluid />}
         </Button>
-      </ElementType>
+      </li>
     )
   }
 }