message: fix: wrap notify in useCallback
diff: /** @jsx jsx */
  import { jsx } from "@emotion/core";
  import toaster from "toasted-notes";
  +import { useCallback } from "react";
  import { Alert, AlertIcon, AlertTitle, AlertDescription } from "../Alert";
  import ThemeProvider, { useTheme } from "../ThemeProvider";
  import Box from "../Box";
  @@ -50,7 +51,8 @@ const Toast = ({
  function useToast() {
  const theme = useTheme();
  - function notify({
  + const notify = useCallback(
  + ({
  position = "bottom",
  duration = 5000,
  render,
  @@ -59,7 +61,7 @@ function useToast() {
  status,
  variant = "solid",
  isClosable,
  - }) {
  + }) => {
  const options = {
  position,
  duration,
  @@ -68,7 +70,9 @@ function useToast() {
  if (render) {
  return toaster.notify(
  ({ onClose, id }) => (
  - <ThemeProvider theme={theme}>{render({ onClose, id })}</ThemeProvider>
  + <ThemeProvider theme={theme}>
  + {render({ onClose, id })}
  + </ThemeProvider>
  ),
  options,
  );
  @@ -92,7 +96,9 @@ function useToast() {
  ),
  options,
  );
  - }
  + },
  + [theme],
  + );
  return notify;
  }
  