以上代码会报错 Require statement not part of import statement. Unsafe member access .default on an `any` value.

抱歉，我之前给出的代码有一些问题。在最新的 ECMAScript 模块系统中，我们使用 `import()` 动态导入模块，并且不再需要使用 `require()`。同时，需要注意在 TypeScript 中处理动态导入时，类型推断可能会变得有些复杂。下面是更新后的示例代码：

import React, { ComponentType, Suspense } from 'react';

type ComponentLoaderProps = {
  components: Array<Promise<{ default: ComponentType<any> }>>;
};

const ComponentLoader: React.FC<ComponentLoaderProps> = ({ components }) => {
  return (
    <Suspense fallback={<div>Loading...</div>}>
      {components.map((loadComponent, index) => {
        const Component = React.lazy(() => loadComponent);
        return <Component key={index} />;
      })}
    </Suspense>
  );
};

请注意，我们将 `components` 数组的元素从函数调用改为 Promise 对象，这样就可以直接传递给 `React.lazy` 进行动态导入。

然后，当我们在使用 `React.lazy` 时，我们需要将加载组件的函数包装在一个箭头函数中，这样才能正确传递给 `React.lazy`。

另外，为了避免 TypeScript 的类型推断出现问题，你可能需要为每个组件的默认导出指定类型。例如，可以使用类似以下的写法：

const components = [
  import('./components/Component1').then((module) => ({ default: module.Component1 })),
  import('./components/Component2').then((module) => ({ default: module.Component2 })),
  import('./components/Component3').then((module) => ({ default: module.Component3 })),
];

以上代码中，我们通过 `.then()` 方法从导入的模块中获取到默认导出的组件，并将其包装在一个对象中，以满足 `ComponentLoader` 组件的类型要求。

希望这次能够解决你的问题！如果还有其他疑问，请随时提问。