fix types

Author: kumaryash90

apps/dashboard/src/components/contract-components/contract-deploy-form/custom-contract.tsx

@@ -80,7 +80,7 @@ type CustomContractDeploymentFormData = {
   recipients?: Recipient[];
 };
 
-interface DynamicValue {
+export interface DynamicValue {
   dynamicValue: {
     type: string;
     refContracts?: {

apps/dashboard/src/components/contract-components/contract-deploy-form/trusted-forwarders-fieldset.tsx

@@ -2,7 +2,10 @@ import { Flex, FormControl, InputGroup } from "@chakra-ui/react";
 import { SolidityInput } from "contract-ui/components/solidity-inputs";
 import { FormErrorMessage, FormHelperText, FormLabel } from "tw-components";
 import { Fieldset } from "./common";
-import type { CustomContractDeploymentForm } from "./custom-contract";
+import type {
+  CustomContractDeploymentForm,
+  DynamicValue,
+} from "./custom-contract";
 
 interface TrustedForwardersFieldsetProps {
   form: CustomContractDeploymentForm;
@@ -11,56 +14,65 @@ interface TrustedForwardersFieldsetProps {
 export const TrustedForwardersFieldset: React.FC<
   TrustedForwardersFieldsetProps
 > = ({ form }) => {
+  const isDynamicValue = (val: string | DynamicValue): val is DynamicValue => {
+    return typeof val === "object" && val !== null && "dynamicValue" in val;
+  };
+
+  const value = form.watch("deployParams._trustedForwarders");
   return (
-    <Fieldset legend="Gasless">
-      <FormControl
-        isRequired
-        isInvalid={
-          !!form.getFieldState(
-            "deployParams._trustedForwarders",
-            form.formState,
-          ).error
-        }
-      >
-        <div className="flex items-center justify-between gap-6">
-          {/* left */}
-          <div>
-            <FormLabel>Trusted Forwarders</FormLabel>
+    <>
+      {!isDynamicValue(value) && (
+        <Fieldset legend="Gasless">
+          <FormControl
+            isRequired
+            isInvalid={
+              !!form.getFieldState(
+                "deployParams._trustedForwarders",
+                form.formState,
+              ).error
+            }
+          >
+            <div className="flex items-center justify-between gap-6">
+              {/* left */}
+              <div>
+                <FormLabel>Trusted Forwarders</FormLabel>
 
-            <FormHelperText className="!text-sm text-muted-foreground">
-              <span className="mb-1 block text-muted-foreground text-sm">
-                Trusted forwarder addresses to enable ERC-2771 transactions
-                (i.e. gasless).
-              </span>
+                <FormHelperText className="!text-sm text-muted-foreground">
+                  <span className="mb-1 block text-muted-foreground text-sm">
+                    Trusted forwarder addresses to enable ERC-2771 transactions
+                    (i.e. gasless).
+                  </span>
 
-              <span className="block text-muted-foreground text-sm">
-                You can provide your own forwarder.
-              </span>
-            </FormHelperText>
-          </div>
-        </div>
+                  <span className="block text-muted-foreground text-sm">
+                    You can provide your own forwarder.
+                  </span>
+                </FormHelperText>
+              </div>
+            </div>
 
-        <div className="fade-in-0 block animate-in pt-3 duration-400">
-          <InputGroup size="md">
-            <Flex flexDir="column" w="full">
-              <SolidityInput
-                value={form.watch("deployParams._trustedForwarders") as string}
-                solidityType="address[]"
-                {...form.register("deployParams._trustedForwarders")}
-              />
-            </Flex>
-          </InputGroup>
+            <div className="fade-in-0 block animate-in pt-3 duration-400">
+              <InputGroup size="md">
+                <Flex flexDir="column" w="full">
+                  <SolidityInput
+                    value={value}
+                    solidityType="address[]"
+                    {...form.register("deployParams._trustedForwarders")}
+                  />
+                </Flex>
+              </InputGroup>
 
-          <FormErrorMessage>
-            {
-              form.getFieldState(
-                "deployParams._trustedForwarders",
-                form.formState,
-              ).error?.message
-            }
-          </FormErrorMessage>
-        </div>
-      </FormControl>
-    </Fieldset>
+              <FormErrorMessage>
+                {
+                  form.getFieldState(
+                    "deployParams._trustedForwarders",
+                    form.formState,
+                  ).error?.message
+                }
+              </FormErrorMessage>
+            </div>
+          </FormControl>
+        </Fieldset>
+      )}
+    </>
   );
 };

packages/thirdweb/src/extensions/prebuilts/process-ref-deployments.ts

@@ -36,7 +36,7 @@ export async function processRefDeployments(
       const contracts = dynamicValue.refContracts;
 
       if (dynamicValue.type === "address") {
-        if (!contracts || contracts.length === 0) {
+        if (!contracts || contracts.length === 0 || !contracts[0]?.contractId) {
           throw new Error("Invalid or empty param value");
         }
         const salt =
@@ -48,7 +48,7 @@ export async function processRefDeployments(
           client,
           chain,
           account,
-          contractId: contracts[0]?.contractId as string,
+          contractId: contracts[0]?.contractId,
           publisher: contracts[0]?.publisherAddress,
           version: contracts[0]?.version,
           salt,