根据文档，这是一个典型的fetch与Suspense模式（有点简化）。

import { getArtist, getArtistAlbums, type Album } from './api';
 
export default async function Page({
  params: { username },
}: {
  params: { username: string };
}) {
  const albumData = getArtistAlbums(username);
 
 
  return (
    <>
      <Suspense fallback={<div>Loading...</div>}>
        <Albums promise={albumData} />
      </Suspense>
    </>
  );
}
 
// Albums Component
async function Albums({ promise }: { promise: Promise<Album[]> }) {
  // Wait for the albums promise to resolve
  const albums = await promise;
 
  return (
    <ul>
      {albums.map((album) => (
        <li key={album.id}>{album.name}</li>
      ))}
    </ul>
  );
}

它实际上工作正常，但Visual Studio Code一直在抱怨
<Albums promise={albumData} />
由于
Its return type 'Promise<Element>' is not a valid JSX element.
”””我错过了一些明显的吗？这是一个Lint错误，我可以以某种方式沉默？或者是版本问题？**任何正确的方向是非常赞赏。