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

import type { 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;
  }
}