message: fix: logo typings
diff: import * as React from "react"
  -import { keyframes, ImageProps, Image } from "@chakra-ui/core"
  +import { chakra, keyframes, ImageProps, forwardRef } from "@chakra-ui/core"
  import logo from "./logo.svg"
  const spin = keyframes`
  @@ -7,14 +7,15 @@ const spin = keyframes`
  to { transform: rotate(360deg); }
  `
  -export const Logo = (props: ImageProps) => (
  - <Image
  +export const Logo = forwardRef<ImageProps, "img">((props, ref) => (
  + <chakra.img
  css={{
  "@media (prefers-reduced-motion: no-preference)": {
  animation: `${spin} infinite 20s linear`,
  },
  }}
  src={logo}
  + ref={ref}
  {...props}
  />
  -)
  +))
  