Visualizer: Use toaster in SnippetExplorer from AppContext

packages/visualizer/src/Workspace/SnippetExplorer.tsx

@@ -1,19 +1,20 @@
 // TODO: Implement edit snippet functionality
 
-import React, { SyntheticEvent } from "react"
+import React, { SyntheticEvent, useContext } from "react"
 import { useRecoilState, useRecoilValue } from "recoil"
 import {
   Select,
   ItemPredicate,
   ItemRenderer,
   ItemsEqualComparator,
 } from "@blueprintjs/select"
-import { Button, MenuItem, Icon, Toaster, Intent } from "@blueprintjs/core"
+import { Button, MenuItem, Icon, Intent } from "@blueprintjs/core"
 
 // TODO: Find better jokes library
 import { getRandomJoke } from "awesome-dev-jokes"
 
 import { snippetsState, activeSnippetState, Snippet } from "../state"
+import { AppContext } from ".."
 
 export enum SnippetRules {
   SNIPPETS_MAX_LENGTH = 20,
@@ -65,11 +66,10 @@ const composeSnippetFromQuery = (query: string) => ({
   value: `// ${getRandomJoke()}`,
 })
 
-const toast = Toaster.create()
-
 export default function SnippetExplorer() {
   const [snippets, setSnippets] = useRecoilState(snippetsState)
   const activeSnippet = useRecoilValue(activeSnippetState)
+  const { toast } = useContext(AppContext)
 
   return (
     <SnippetSelect