如何让树共享对导出多个react组件的文件起作用？

// 导入需要共享的React组件文件
import Component1 from './Component1';
import Component2 from './Component2';
import Component3 from './Component3';

// 导出共享的React组件
export { Component1, Component2, Component3 };

// 导入其他依赖的组件、库或模块
import React from 'react';

// 定义并导出React组件
export default function Component1() {
  return <div>Component 1</div>;
}

// 导入入口文件
import { Component1, Component2, Component3 } from './index';

// 使用共享组件
ReactDOM.render(
  <div>
    <Component1 />
    <Component2 />
    <Component3 />
  </div>,
  document.getElementById('root')
);