Unknown Component

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

<UniformComposition /> does not have global 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 GlobalParameters = {
    city: string
    mallId: string
    country: string
    address1: string
    latitude: string
    mallName: string
    longitude: string
    postalCode: string
    websiteUrl: unknown
    phoneNumber: string
    contactEmail: string
    mappedinVenue: string
    partooBusinessId: string
    searchNoResultTiles: unknown
    activateEntertainment: unknown
  };
  type GlobalSlots = 'footerNavigation' | 'headerNavigation';
  type GlobalProps = ComponentProps<GlobalParameters, GlobalSlots>;
  
  export const GlobalComponent = (props: GlobalProps) => {
    return (
      <div>
        <div>
          <UniformSlot data={props.component} context={props.context} slot={props.slots.footerNavigation} />
  <UniformSlot data={props.component} context={props.context} slot={props.slots.headerNavigation} />
        </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/Global.tsx"

Need more help? Check out the documentation.