diff --git a/packages/passport/sdk-sample-app/src/components/imx/Trade.tsx b/packages/passport/sdk-sample-app/src/components/imx/Trade.tsx index 8dbf854b7b..3c26b9dcab 100644 --- a/packages/passport/sdk-sample-app/src/components/imx/Trade.tsx +++ b/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) => { + const getOrders = useCallback(async (e?: React.FormEvent) => { 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); diff --git a/packages/passport/sdk-sample-app/src/components/zkevm/Request.tsx b/packages/passport/sdk-sample-app/src/components/zkevm/Request.tsx index 941207fb01..e519695e34 100644 --- a/packages/passport/sdk-sample-app/src/components/zkevm/Request.tsx +++ b/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); }