Unknown Component

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

<UniformComposition /> does not have form 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 FormParameters = {
    cssClass: string
    endpoint: string
    formName: string
    formIdentifier: string
    confirmationMessage: string
  };
  type FormSlots = 'formFields' | 'formButtons';
  type FormProps = ComponentProps<FormParameters, FormSlots>;
  
  export const FormComponent = (props: FormProps) => {
    return (
      <div>
        <div>
          <UniformSlot data={props.component} context={props.context} slot={props.slots.formFields} />
  <UniformSlot data={props.component} context={props.context} slot={props.slots.formButtons} />
        </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/Form.tsx"

Need more help? Check out the documentation.