diff --git a/packages/govern-console/src/components/ActionBuilder/ActionInputText.tsx b/packages/govern-console/src/components/ActionBuilder/ActionInputText.tsx index 85dc02ea..4fddb81e 100644 --- a/packages/govern-console/src/components/ActionBuilder/ActionInputText.tsx +++ b/packages/govern-console/src/components/ActionBuilder/ActionInputText.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from 'react'; +import React from 'react'; import { TextInput } from '@aragon/ui'; import { Control, FieldValues, useController } from 'react-hook-form'; @@ -15,26 +15,22 @@ const ActionInputText: React.FC = ({ actionIndex, formControl, }) => { - const [value, setValue] = useState(); const { field: controllerField, fieldState: controllerFieldState } = useController({ name: `actions.${actionIndex}.inputs.${inputNum}.value`, control: formControl, + defaultValue: '', rules: { required: 'This is required.', }, }); - useEffect(() => { - if (value) { - controllerField.onChange(`0x${Buffer.from(value).toString('hex')}`); - } - }, [value, controllerField]); - return ( ) => setValue(event.target.value)} + value={controllerField.value} + onChange={(event: React.ChangeEvent) => + controllerField.onChange(event.target.value) + } subtitle={input.name} placeholder={input.type} status={controllerFieldState.error ? 'error' : 'normal'}