Skip to main content

Unknown Component

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

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

To teach your app how to render this component:

  • Create a React component and register it with Uniform, for example
    function PagedArticles({ title, pageSize, articleType }) {
      return (
        <div>
          PagedArticles!
          
        </div>
      )
    }
    
    registerUniformComponent({ type: "pagedArticles", component: PagedArticles })
    Props that your React component will receive
    {
      "title": "News List",
      "pageSize": "8",
      "articleType": "news",
      "component": {
        "type": "pagedArticles",
        "parameters": {
          "title": {
            "type": "text",
            "value": "News List"
          },
          "pageSize": {
            "type": "number",
            "value": "8"
          },
          "articleType": {
            "type": "select",
            "value": "news"
          }
        }
      }
    }
  • Import the component into the file where <UniformComposition /> is defined, for example
    import "../components/PagedArticles.tsx"

Need more help? Check out the documentation.

Unknown Component

Received request from Uniform to render a component with the public ID: algolia-refinementList.

<UniformComposition /> does not have algolia-refinementList mapped to a React component yet.

To teach your app how to render this component:

  • Create a React component and register it with Uniform, for example
    function Algolia-refinementList({ refinementListParams }) {
      return (
        <div>
          Algolia-refinementList!
          
        </div>
      )
    }
    
    registerUniformComponent({ type: "algolia-refinementList", component: Algolia-refinementList })
    Props that your React component will receive
    {
      "refinementListParams": {
        "refinementListProps": {
          "limit": 5,
          "operator": "and",
          "showMore": true,
          "attribute": "categories",
          "searchable": true,
          "allowedIndex": "dev_news",
          "showMoreLimit": 5,
          "escapeFacetValues": true,
          "searchablePlaceholder": "hi"
        }
      },
      "component": {
        "type": "algolia-refinementList",
        "parameters": {
          "refinementListParams": {
            "type": "algolia-components",
            "value": {
              "refinementListProps": {
                "limit": 5,
                "operator": "and",
                "showMore": true,
                "attribute": "categories",
                "searchable": true,
                "allowedIndex": "dev_news",
                "showMoreLimit": 5,
                "escapeFacetValues": true,
                "searchablePlaceholder": "hi"
              }
            }
          }
        }
      }
    }
  • Import the component into the file where <UniformComposition /> is defined, for example
    import "../components/Algolia-refinementList.tsx"

Need more help? Check out the documentation.