message: refactor(typings): skeleton
diff: @@ -4,6 +4,7 @@ import {
  keyframes,
  useStyleConfig,
  ThemingProps,
  + forwardRef,
  omitThemingProps,
  } from "@chakra-ui/system"
  import { cx, __DEV__ } from "@chakra-ui/utils"
  @@ -62,10 +63,7 @@ const fade = keyframes({
  to: { opacity: 1 },
  })
  -export const Skeleton = React.forwardRef(function Skeleton(
  - props: SkeletonProps,
  - ref: React.Ref<any>,
  -) {
  +export const Skeleton: React.FC<SkeletonProps> = forwardRef((props, ref) => {
  const styles = useStyleConfig("Skeleton", props)
  const {
  @@ -119,7 +117,7 @@ export type SkeletonTextProps = SkeletonProps & {
  endColor?: SkeletonProps["endColor"]
  }
  -export function SkeletonText(props: SkeletonTextProps) {
  +export const SkeletonText: React.FC<SkeletonTextProps> = (props) => {
  const {
  noOfLines = 3,
  spacing = "0.5rem",
  @@ -161,9 +159,10 @@ if (__DEV__) {
  SkeletonText.displayName = "SkeletonText"
  }
  -export const SkeletonCircle = ({ size = "2rem", ...rest }: SkeletonProps) => (
  - <Skeleton borderRadius="full" boxSize={size} {...rest} />
  -)
  +export const SkeletonCircle: React.FC<SkeletonProps> = ({
  + size = "2rem",
  + ...rest
  +}) => <Skeleton borderRadius="full" boxSize={size} {...rest} />
  if (__DEV__) {
  SkeletonCircle.displayName = "SkeletonCircle"
  