Unknown Component

Received request from Uniform to render a component with the public ID: appHome.

<UniformComposition /> does not have appHome mapped to a React component yet.

• Create a React component and register it with Uniform, for example

  
  import {
    ComponentProps,
    UniformSlot,
  } from '@uniformdev/canvas-next-rsc/component';
  
  type AppHomeParameters = {
    logo: unknown
    displayName: string
    resourceKeys: unknown
    commonResourceKeys: unknown
    onboardingAchievements: unknown
    notificationResourceKeys: unknown
  };
  type AppHomeSlots = 'content';
  type AppHomeProps = ComponentProps<AppHomeParameters, AppHomeSlots>;
  
  export const AppHomeComponent = (props: AppHomeProps) => {
    return (
      <div>
        <div>
          <UniformSlot data={props.component} context={props.context} slot={props.slots.content} />
        </div>
      </div>
    );
  };
  
  Add this component mapping to your resolveComponent function on UniformComposition.

• Import the component into the file where <UniformComposition /> is defined, for example

  import "../../components/AppHome.tsx"

Need more help? Check out the documentation.