Toaster -> OverlayToaster

Author: davenquinn

packages/data-sheet/src/postgrest-table/index.ts

@@ -1,4 +1,4 @@
-import { Toaster, HotkeysProvider } from "@blueprintjs/core";
+import { HotkeysProvider, OverlayToaster } from "@blueprintjs/core";
 import hyper from "@macrostrat/hyper";
 import styles from "./main.module.sass";
 import { DataSheet, getRowsToDelete } from "../core"; //getRowsToDelete
@@ -173,7 +173,7 @@ function _PostgRESTTableView<T>({
   ]);
 }
 
-export function notifyOnError(toaster: Toaster, error: any) {
+export function notifyOnError(toaster: OverlayToaster, error: any) {
   console.error(error);
   const { message, status, code, details } = error;
 

packages/ui-components/src/toaster.ts

@@ -1,19 +1,12 @@
-import { OverlayToaster, Toaster } from "@blueprintjs/core";
+import { OverlayToaster } from "@blueprintjs/core";
 import h from "@macrostrat/hyper";
-import {
-  createContext,
-  useRef,
-  useState,
-  useContext,
-  RefObject,
-  useEffect,
-} from "react";
+import { createContext, useState, useContext, RefObject } from "react";
 import { createPortal } from "react-dom";
-import type { OverlayToasterProps, ToasterInstance } from "@blueprintjs/core";
+import type { OverlayToasterProps } from "@blueprintjs/core";
 
 // We might want to refactor this
 function createAppToaster() {
-  return Toaster.create();
+  return OverlayToaster.create();
 }
 
 type ContextualToasterProps = Omit<
@@ -27,7 +20,7 @@ export type ToasterContextProps = ContextualToasterProps & {
   containerRef?: RefObject<HTMLElement>;
 };
 
-const ToasterCtx = createContext<ToasterInstance>(null);
+const ToasterCtx = createContext<any>(null);
 
 function ContextualToaster({ containerRef, setToaster, ...rest }) {
   const toaster = h(OverlayToaster, {
@@ -43,15 +36,15 @@ function ContextualToaster({ containerRef, setToaster, ...rest }) {
 
 function ToasterContext(props: ToasterContextProps) {
   const { children, toasts, containerRef, ...rest } = props;
-  const [toaster, setToaster] = useState<ToasterInstance>(null);
+  const [toaster, setToaster] = useState<any>(null);
 
   return h(ToasterCtx.Provider, { value: toaster }, [
     h(ContextualToaster, { containerRef, setToaster, ...rest }, toasts),
     children,
   ]);
 }
 
-function useToaster(): ToasterInstance | null {
+function useToaster(): any | null {
   return useContext(ToasterCtx);
 }