updated

packages/page-instantiate/src/NewFromCode.tsx

@@ -137,9 +137,21 @@ function NewFromCode ({ className }: Props): React.ReactElement<Props> | null {
 
     try {
       const { identifier } = abi?.constructors[constructorIndex] || '';
+      const call = `${identifier[0].toLowerCase()}${identifier.slice(1)}`;
+
+      // Fix: If param conforms to this shape, extract the `value` from
+      //   `{ isValid: bool, value: obj }`.
+      const tParams = params.map(param => param.value
+        ? (param.isValid ? param.value : null)
+        : param
+      );
 
       contract = code && identifier && endowment
-        ? code.tx[`${identifier[0].toLowerCase()}${identifier.slice(1)}`]({ gasLimit: weight, salt: withSalt ? salt : null, value: endowment }, ...params)
+        ? code.tx[`${call}`]({
+            gasLimit: weight,
+            salt: withSalt ? salt : null,
+            value: endowment
+          }, ...tParams)
         : null;
 
       setUploadTx(() => [contract, error]);

packages/react-components/src/Params/values.ts

@@ -28,5 +28,7 @@ export function createValue (registry: Registry, param: { type: TypeDef }): RawP
 }
 
 export default function createValues (registry: Registry, params: { type: TypeDef }[]): RawParam[] {
-  return params.map((param) => createValue(registry, param));
+  return params
+    ? params.map(param => createValue(registry, param))
+    : []
 }