UsersList.js

 return (
    <div className="bg-modal" style={{ display: "flex" }}>
      <div className="modal-content users_list">
        <div
          className="users_list_close_btn"
          onClick={() => setShowUsersList(false)}
        >
          +
        </div>
        <h3 id="users_list_title">
          Select a user to check their online status
        </h3>
        <form
          onSubmit={(e) => checkUserStatus(e)}
          onChange={(e) => selectedOption(e)}
          id="users-list-form"
        >
          {users.map((user) => (
            <div
              key={user.userId}
              className="sendbird-users-list-wrapper"
            >
              <label htmlFor={user.userId} key={user.userId} id="user-label">
                {user.nickname}
              </label>
              <input
                type="radio"
                id={user.userId}
                name="user"
                value={user.nickname}
              />
              <br></br>
            </div>
          ))}
          <input type="submit" value="Submit" id="form-submit-buttton"/>
        </form>
      </div>
    </div>
  );