# useSignMessage

> @web3auth/modal React Hook useSignMessage | Embedded Wallets

Hook to sign a message using the connected Solana wallet from Embedded Wallets.

### Import

```tsx

```

### Usage

```tsx

function SignMessageButton({ message }: { message: string }) {
  const { signMessage, loading, error, data } = useSignMessage()

  const handleSign = async () => {
    try {
      const signature = await signMessage(message)
      // Do something with signature
    } catch (e) {
      // Handle error
    }
  }

  return (
    
      <button onClick={handleSign} disabled={loading}>
        {loading ? 'Signing...' : 'Sign Message'}
      </button>
      {error && Error: {error.message}}
      {data && Signature: {data}}
    
  )
}
```

### Return type

```ts
export type IUseSignMessage = {
  loading: boolean
  error: Web3AuthError | null
  data: string | null
  signMessage: (message: string) => Promise<string>
}
```

#### `loading`

`boolean`

Indicates if the message signing is in progress.

#### `error`

`Web3AuthError | null`

Error object if signing fails, otherwise null.

#### `data`

`string | null`

The signature as a string, or null if not signed yet.

#### `signMessage`

`(message: string) => Promise<string>`

Function to sign a message. Returns the signature as a string.

## Example

```tsx title="signMessage.tsx"

export function SignMessage() {
  const { data: hash, error, loading: isPending, signMessage } = useSignMessage()

  async function submit(e: FormEvent<HTMLFormElement>) {
    e.preventDefault()
    const formData = new FormData(e.target as HTMLFormElement)
    const message = formData.get('message')
    signMessage(message!.toString())
  }

  return (
    
      Sign Message
      <form onSubmit={submit}>
        <input name="message" placeholder="Message" required />
        <button disabled={isPending} type="submit">
          {isPending ? 'Signing...' : 'Sign'}
        </button>
      </form>
      {hash && Message Hash: {hash}}
      {error && Error: {error.message}}
    
  )
}
```