fix: double order when click button reorder

.env

@@ -1,2 +1,2 @@
 # NEXT_PUBLIC_BASE_URL=https://api-staging.cariparkir.co.id
-NEXT_PUBLIC_BASE_URL=https://42d6-101-255-119-166.ap.ngrok.io
+NEXT_PUBLIC_BASE_URL=https://ad09-101-255-119-166.ap.ngrok.io

pages/[qrCode]/order/index.js

@@ -1,4 +1,4 @@
-import React, {useEffect} from 'react';
+import React, {useEffect, useState} from 'react';
 import DefaultLayout from "../../../components/Layout/DefaultLayout";
 import { useRouter } from 'next/router';
 import { Image } from 'antd';
@@ -9,6 +9,11 @@ import { observer } from 'mobx-react-lite';
 const FlashScreen = observer(() => {
     const router = useRouter();
     const store = useStore()
+    const [startOrder, setStartOrder] = useState(false)
+
+    setTimeout(() => {
+        setStartOrder(true)
+    }, 3000)
 
     const { qrCode } = router.query;
 
@@ -23,6 +28,7 @@ const FlashScreen = observer(() => {
                 localStorage.setItem("lockey_id", isAvailable?.id)
                 localStorage.setItem("location_name", isAvailable?.location_name);
                 localStorage.setItem("price", isAvailable?.price)
+                if (startOrder) {
                     store.lockey.createOrder({
                         lockeyId: isAvailable.id
                     })
@@ -33,6 +39,9 @@ const FlashScreen = observer(() => {
                             localStorage.setItem("validTime", res?.data?.valid_time)
                             console.log(res, "data order")
                         })
+                } else {
+                    console.log("loading")
+                }
             } else if (isNotAvailable) {
                 localStorage.setItem("lockey_id", isNotAvailable?.id)
                 localStorage.setItem("location_name", isNotAvailable?.location_name);
@@ -40,7 +49,7 @@ const FlashScreen = observer(() => {
             }
             console.log(isAvailable, "jj")
         }
-    }, [router.isReady, listLockeys])
+    }, [startOrder])
 
     return (
         <>