在react中将链接作为dataFormatter返回时出现不变冲突错误

import React, { useMemo } from 'react';

const MyComponent = () => {
  // 使用useMemo缓存链接对象
  const dataFormatter = useMemo(() => {
    const link = 'https://www.example.com';
    return (data) => {
      // 处理数据，并使用link作为返回值
      return <a href={link}>{data}</a>;
    };
  }, []); // 依赖数组为空，表示只在组件挂载时执行一次

  // 使用dataFormatter处理数据
  const formattedData = dataFormatter('示例数据');

  return (
    <div>
      {formattedData}
    </div>
  );
};

export default MyComponent;