Vivre et étudier à Vancouver

Unknown Component

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

<UniformComposition /> does not have containerSectionWithBackground 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 ContainerSectionWithBackgroundParameters = {
    theme: unknown
    title: string
    headingLevel: unknown
  };
  type ContainerSectionWithBackgroundSlots = 'contentSlot';
  type ContainerSectionWithBackgroundProps = ComponentProps<ContainerSectionWithBackgroundParameters, ContainerSectionWithBackgroundSlots>;
  
  export const ContainerSectionWithBackgroundComponent = (props: ContainerSectionWithBackgroundProps) => {
    return (
      <div>
        <div>
          <UniformSlot data={props.component} context={props.context} slot={props.slots.contentSlot} />
        </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/ContainerSectionWithBackground.tsx"

Need more help? Check out the documentation.