daedalOS/components/apps/Messenger/To.tsx

import { memo } from "react";
import StyledTo from "components/apps/Messenger/StyledTo";

type ToProps = { setRecipientKey: (key: string) => boolean };

const To: FC<ToProps> = ({ setRecipientKey }) => (
  <StyledTo>
    <input
      onKeyDown={(event) => {
        if (
          event.key === "Enter" &&
          event.currentTarget.value &&
          !setRecipientKey(event.currentTarget.value.trim())
        ) {
          // eslint-disable-next-line no-param-reassign
          event.currentTarget.value = "";
        }
      }}
      placeholder="Type a Nostr address (npub/nprofile/hex)"
      spellCheck={false}
      type="text"
      autoFocus
    />
  </StyledTo>
);

export default memo(To);