From c2b8f6f054550617dd7292b313070b5530132a04 Mon Sep 17 00:00:00 2001
From: regalijan <r@regalijan.com>
Date: Thu, 19 Oct 2023 16:50:44 -0400
Subject: [PATCH] Move useToast hook into main function component body

---
 app/routes/mod-queue.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/routes/mod-queue.tsx b/app/routes/mod-queue.tsx
index d9d5a7c..2e2fce3 100644
--- a/app/routes/mod-queue.tsx
+++ b/app/routes/mod-queue.tsx
@@ -111,6 +111,7 @@ export default function () {
   const entryTypes = [];
   const [entries, setEntries] = useState([] as ReactElement[]);
   const [before, setBefore] = useState(Date.now());
+  const toast = useToast();
 
   for (const type of pageProps.entry_types)
     entryTypes.push(
@@ -131,7 +132,7 @@ export default function () {
     if (!queueReq.ok) {
       const errorData: { error: string } = await queueReq.json();
 
-      useToast()({
+      toast({
         description: errorData.error,
         duration: 10000,
         isClosable: true,
@@ -157,7 +158,7 @@ export default function () {
       const itemReq = await fetch(`/api/mod-queue/${itemType}/${itemId}`);
 
       if (!itemReq.ok) {
-        useToast()({
+        toast({
           description: ((await itemReq.json()) as { error: string }).error,
           duration: 10000,
           isClosable: true,