Merge pull request #4307 from serlo/fix/render-toasts-in-editor-integ…

…rations

fix(editor): Render toasts in Toaster

packages/editor/src/core/editor.tsx

@@ -7,6 +7,7 @@ import {
 import { getEditorVersion } from '@editor/package/editor-version'
 import { cn } from '@editor/utils/cn'
 import { useState, useMemo } from 'react'
+import { Toaster } from 'react-hot-toast'
 import { HotkeysProvider } from 'react-hotkeys-hook'
 import { Provider } from 'react-redux'
 
@@ -43,7 +44,12 @@ export function Editor(props: EditorProps) {
                 setUseStored={setUseStored}
               />
             </>
-          ) : null}
+          ) : (
+            // For non serlo environments, we need to render the toaster
+            // https://react-hot-toast.com/docs/toaster (already gets rendered
+            // in the web project)
+            <Toaster />
+          )}
           <div
             className={cn(
               'editor-core mb-24 text-lg leading-cozy',