chore(passport): Fix Seaport fulfillAvailableAdvancedOrders in Passport SDK sample app (#2728)

Author: haydenfowler

packages/passport/sdk-sample-app/src/components/imx/Trade.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import {
   Alert, Button, Form, Image, Offcanvas, Spinner, Stack, Table,
 } from 'react-bootstrap';
@@ -25,7 +25,7 @@ function Trade({ showModal: showTradeModal, setShowModal: setShowTradeModal }: M
   const { sdkClient } = useImmutableProvider();
   const { imxProvider } = usePassportProvider();
 
-  const getOrders = async (e?: React.FormEvent<HTMLFormElement>) => {
+  const getOrders = useCallback(async (e?: React.FormEvent<HTMLFormElement>) => {
     e?.preventDefault();
     e?.stopPropagation();
 
@@ -45,11 +45,11 @@ function Trade({ showModal: showTradeModal, setShowModal: setShowTradeModal }: M
       setOrders(result.result);
       setLoadingOrders(false);
     }
-  };
+  }, [sdkClient, showTradeModal, sellTokenName]);
 
   useEffect(() => {
     getOrders().catch(console.error);
-  }, [showTradeModal, sdkClient, getOrders]);
+  }, [getOrders]);
 
   const handleCloseTrade = () => {
     setLoadingTrade(false);

packages/passport/sdk-sample-app/src/components/zkevm/Request.tsx

@@ -187,7 +187,11 @@ function Request({ showModal, setShowModal }: ModalProps) {
     if (request.params) {
       const newParams = params;
       request.params.forEach((param, i) => {
-        newParams[i] = JSON.stringify(param);
+        try {
+          newParams[i] = JSON.stringify(param);
+        } catch (err) {
+          newParams[i] = param;
+        }
       });
       setParams(newParams);
     }