message: refactor(typings): skip-nav
diff: @@ -4,6 +4,7 @@ import {
  useStyleConfig,
  omitThemingProps,
  SystemStyleObject,
  + forwardRef,
  } from "@chakra-ui/system"
  import { __DEV__, merge } from "@chakra-ui/utils"
  import * as React from "react"
  @@ -33,17 +34,16 @@ const baseStyle: SystemStyleObject = {
  /**
  * Renders a link that remains hidden until focused to skip to the main content.
  */
  -export const SkipNavLink = React.forwardRef(function SkipNavLink(
  - props: SkipNavLinkProps,
  - ref: React.Ref<any>,
  -) {
  +export const SkipNavLink: React.FC<SkipNavLinkProps> = forwardRef(
  + (props, ref) => {
  const styles = useStyleConfig("SkipLink", props)
  const { id = fallbackId, ...rest } = omitThemingProps(props)
  const linkStyles = merge({}, baseStyle, styles)
  return <chakra.a {...rest} ref={ref} href={`#${id}`} __css={linkStyles} />
  -})
  + },
  +)
  if (__DEV__) {
  SkipNavLink.displayName = "SkipNavLink"
  @@ -54,15 +54,14 @@ export type SkipNavContentProps = PropsOf<"div">
  /**
  * Renders a div as the target for the link.
  */
  -export const SkipNavContent = React.forwardRef(function SkipNavContent(
  - props: SkipNavContentProps,
  - ref: React.Ref<any>,
  -) {
  +export const SkipNavContent: React.FC<SkipNavContentProps> = forwardRef(
  + (props, ref) => {
  const { id = fallbackId, ...rest } = props
  return (
  <div ref={ref} id={id} tabIndex={-1} style={{ outline: 0 }} {...rest} />
  )
  -})
  + },
  +)
  if (__DEV__) {
  SkipNavContent.displayName = "SkipNavContent"
  