可以通过在调用 Amplify Hub.listen 之前检查用户是否已经登录，如果已经登录，则进行正常的监听操作，如果未登录，则不执行监听操作。示例代码如下：

import { Hub } from 'aws-amplify';
import { useEffect, useContext } from 'react';
import { AuthContext } from './AuthContext';

const MyComponent = () => {
  const { user } = useContext(AuthContext);

  useEffect(() => {
    const handleAuthEvent = async ({ payload: { event } }) => {
      if (event === 'signIn') {
        console.log('User has signed in');
        // do something when user signs in, such as fetching user data
      } else if (event === 'signOut') {
        console.log('User has signed out');
        // do something when user signs out, such as clearing user data or redirecting to login page
      }
    };

    if (user) {
      Hub.listen('auth', handleAuthEvent);
    }

    return () => {
      Hub.remove('auth', handleAuthEvent);
    };
  }, [user]);

  // rest of component code
};

在上述代码中，我们引入了 React 的 useEffect 和 useContext 钩子，用于处理组件的副作用和获取 React Context 中的用户数据。我们在 useEffect 中使用 Hub.listen 来监听 Amplify 的 auth 事件，但是在监听之前，我们首先检查了用户是否已经登录。如果用户已经登录，我们才会调用 Hub.listen 来进行正常的监听。否则，我们将不执行任何监听操作。在组件卸载时，我们调用 Hub.remove 来移除之前的监听事件。