cosscom__coss/apps/origin/components/component-loader-server.tsx

import { ComponentType } from "react"
import type { RegistryItem } from "shadcn/registry"

interface ComponentLoaderProps {
  component: RegistryItem
}

export default async function ComponentLoader<TProps extends object>({
  component,
  ...props
}: ComponentLoaderProps & TProps) {
  if (!component?.name) {
    return null
  }

  try {
    const Component = (
      await import(`@/registry/default/components/${component.name}`)
    ).default as ComponentType<TProps>

    return <Component {...(props as TProps)} currentPage={1} totalPages={10} />
  } catch (error) {
    console.error(`Failed to load component ${component.name}:`, error)
    return null
  }
}