Hello guys, i just wanted some clarification regarding generateStaticParams(), even after reading the documentation i still cant get a grasp of it, currently the way im doing it is like this:

import SingleAlbum from "@/components/album/SingleAlbum"
import { SingleAlbumInfo, Slug } from "@/typings"
import { fetchSlugs } from "@/utils/fetchAlbumSlugs"
import { fetchAlbumsWithImages } from "@/utils/fetchAlbums"

export async function generateStaticParams() {
  const slugs: Slug[] = await fetchSlugs()
  return slugs.map((slug) => ({
    params: {
      slug: slug.current
    }
  }))
}

const Albumpage = async ({ params }: any) => {
  const album: SingleAlbumInfo = await fetchAlbumsWithImages(params.slug)
  return (
    <>
      <SingleAlbum album={album}/>
    </>
  )
}

export default Albumpage

im not sure if the way im going about it is correct, also is it possible to include other variables in the params? for example, instead of previous way, i do it like this?:

return slugs.map((slug) => ({
    params: {
      slug: slug.current
      album: album
    }
  }))