如果在网络中找不到用户镜像，如何在UserAccountsDrawerHeader中显示默认镜像？

import React from 'react';
import { UserAccountsDrawerHeader } from 'your-ui-library';

const DefaultAvatar = 'https://your-default-avatar-url.com/default-avatar.png';

const UserProfile = () => {
  const userAvatar = getUserAvatar(); // 获取用户头像的逻辑，如果找不到用户镜像则返回null

  return (
    <UserAccountsDrawerHeader
      avatar={
        <img
          src={userAvatar || DefaultAvatar}
          alt="User Avatar"
          style={{ width: '50px', height: '50px', borderRadius: '50%' }}
        />
      }
      // 其他UserAccountsDrawerHeader的属性
    />
  );
};

export default UserProfile;