How to send a transaction using Ethersjs with data parameter from the frontend?

[alankrit-01]

I want to send a transaction from the front end with some data. Ethersjs docs say the unsignedTransaction.data should be of the type BytesLike. In the frontend I made the HTML input field as text and converting the value into byteslike using ethers.utils.hexlify() I am getting this error:

Uncaught (in promise) Error: invalid hexlify value (argument="value", value="1", code=INVALID_ARGUMENT, version=bytes/5.5.0)
  

What am I doing wrong here?

[ricmoo]

The value must be a valid BytesLike. If you are using a string, it must be a 0x-prefixed string. The string "1" isn’t valid for a BytesLike.