Get a QuoteUnknown Component
Received request from Uniform to render a component with the public ID: articleHero.
<UniformComposition /> does not have articleHero 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 ArticleHero({ image, title, introText }) { return ( <div> ArticleHero! </div> ) } registerUniformComponent({ type: "articleHero", component: ArticleHero })Props that your React component will receive
{ "image": "//images.ctfassets.net/dzi2asncd44t/6OcXeHuRJDK5uUCde7uTcl/286bf876eb4c93607d55ef7373d6cb26/Hardie-Honors-Rebate-Program_1.jpg", "title": "Hardie™ Honors | Product Rebate Program", "introText": "First Responders, Veterans and Active Military can receive a Rebate on Hardie products.", "component": { "type": "articleHero", "parameters": { "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/6OcXeHuRJDK5uUCde7uTcl/286bf876eb4c93607d55ef7373d6cb26/Hardie-Honors-Rebate-Program_1.jpg" }, "title": { "type": "text", "value": "Hardie™ Honors | Product Rebate Program" }, "introText": { "type": "text", "value": "First Responders, Veterans and Active Military can receive a Rebate on Hardie products." } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/ArticleHero.tsx"
Need more help? Check out the documentation.
Unknown Component
Received request from Uniform to render a component with the public ID: articleBody.
<UniformComposition /> does not have articleBody 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 ArticleBody({ body, title }) { return ( <div> ArticleBody! </div> ) } registerUniformComponent({ type: "articleBody", component: ArticleBody })Props that your React component will receive
{ "body": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "heading-2", "data": {}, "content": [ { "nodeType": "text", "value": "RECEIVE UP TO A $350 REBATE ON HARDIE", "marks": [ { "type": "bold" } ], "data": {} }, { "nodeType": "text", "value": "®", "marks": [ { "type": "superscript" }, { "type": "bold" } ], "data": {} }, { "nodeType": "text", "value": " PRODUCTS", "marks": [ { "type": "bold" } ], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Every day, thousands of first responders and military personnel and their families make sacrifices to keep our communities safe. To say, “thank you”, we honor these Heroes with a product rebate program.\nJames Hardie is committed to building better communities and giving back to those who serve and protect.\n \nHardie", "marks": [], "data": {} }, { "nodeType": "text", "value": "®", "marks": [ { "type": "superscript" } ], "data": {} }, { "nodeType": "text", "value": " fiber cement products are built with the strength to stand up to weather, including extreme temperature changes, rain, high humidity, ultraviolet light, hurricanes, hail and snow. ", "marks": [], "data": {} } ] }, { "nodeType": "unordered-list", "data": {}, "content": [ { "nodeType": "list-item", "data": {}, "content": [ { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "They resist shrinking, swelling and cracking. ", "marks": [], "data": {} } ] } ] }, { "nodeType": "list-item", "data": {}, "content": [ { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Our products are FEMA flood zone Class V (flood) rated.", "marks": [], "data": {} } ] } ] }, { "nodeType": "list-item", "data": {}, "content": [ { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie", "marks": [], "data": {} }, { "nodeType": "text", "value": "®", "marks": [ { "type": "superscript" } ], "data": {} }, { "nodeType": "text", "value": " siding is noncombustible*. Class A fire rating.", "marks": [], "data": {} } ] } ] }, { "nodeType": "list-item", "data": {}, "content": [ { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie", "marks": [], "data": {} }, { "nodeType": "text", "value": "®", "marks": [ { "type": "superscript" } ], "data": {} }, { "nodeType": "text", "value": " fiber cement resists damage from pests, including birds and termites.", "marks": [], "data": {} } ] } ] }, { "nodeType": "list-item", "data": {}, "content": [ { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Our ColorPlus", "marks": [], "data": {} }, { "nodeType": "text", "value": "®", "marks": [ { "type": "superscript" } ], "data": {} }, { "nodeType": "text", "value": " Technology finishes resist fading and discoloration. ", "marks": [], "data": {} } ] } ] }, { "nodeType": "list-item", "data": {}, "content": [ { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Our factory finishes mean lower VOCs (volatile organic compounds) on the jobsite.", "marks": [], "data": {} } ] } ] } ] }, { "nodeType": "heading-4", "data": {}, "content": [ { "nodeType": "text", "value": "Learn More About the Hardie Honors Rebate Program:", "marks": [ { "type": "bold" } ], "data": {} } ] }, { "nodeType": "blockquote", "data": {}, "content": [ { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://jameshardie.com/blog/siding-project-planning/hardie-honors-firefighter-first-responder-rebate" }, "content": [ { "nodeType": "text", "value": "First Responders", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "\n", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://jameshardie.com/blog/siding-project-planning/hardie-honors-military-product-rebate-program" }, "content": [ { "nodeType": "text", "value": "Military Rebate", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": " ", "marks": [], "data": {} } ] } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] }, "title": "Hardie™ Honors | Product Rebate Program", "component": { "type": "articleBody", "parameters": { "body": { "type": "json", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "heading-2", "data": {}, "content": [ { "nodeType": "text", "value": "RECEIVE UP TO A $350 REBATE ON HARDIE", "marks": [ { "type": "bold" } ], "data": {} }, { "nodeType": "text", "value": "®", "marks": [ { "type": "superscript" }, { "type": "bold" } ], "data": {} }, { "nodeType": "text", "value": " PRODUCTS", "marks": [ { "type": "bold" } ], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Every day, thousands of first responders and military personnel and their families make sacrifices to keep our communities safe. To say, “thank you”, we honor these Heroes with a product rebate program.\nJames Hardie is committed to building better communities and giving back to those who serve and protect.\n \nHardie", "marks": [], "data": {} }, { "nodeType": "text", "value": "®", "marks": [ { "type": "superscript" } ], "data": {} }, { "nodeType": "text", "value": " fiber cement products are built with the strength to stand up to weather, including extreme temperature changes, rain, high humidity, ultraviolet light, hurricanes, hail and snow. ", "marks": [], "data": {} } ] }, { "nodeType": "unordered-list", "data": {}, "content": [ { "nodeType": "list-item", "data": {}, "content": [ { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "They resist shrinking, swelling and cracking. ", "marks": [], "data": {} } ] } ] }, { "nodeType": "list-item", "data": {}, "content": [ { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Our products are FEMA flood zone Class V (flood) rated.", "marks": [], "data": {} } ] } ] }, { "nodeType": "list-item", "data": {}, "content": [ { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie", "marks": [], "data": {} }, { "nodeType": "text", "value": "®", "marks": [ { "type": "superscript" } ], "data": {} }, { "nodeType": "text", "value": " siding is noncombustible*. Class A fire rating.", "marks": [], "data": {} } ] } ] }, { "nodeType": "list-item", "data": {}, "content": [ { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie", "marks": [], "data": {} }, { "nodeType": "text", "value": "®", "marks": [ { "type": "superscript" } ], "data": {} }, { "nodeType": "text", "value": " fiber cement resists damage from pests, including birds and termites.", "marks": [], "data": {} } ] } ] }, { "nodeType": "list-item", "data": {}, "content": [ { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Our ColorPlus", "marks": [], "data": {} }, { "nodeType": "text", "value": "®", "marks": [ { "type": "superscript" } ], "data": {} }, { "nodeType": "text", "value": " Technology finishes resist fading and discoloration. ", "marks": [], "data": {} } ] } ] }, { "nodeType": "list-item", "data": {}, "content": [ { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Our factory finishes mean lower VOCs (volatile organic compounds) on the jobsite.", "marks": [], "data": {} } ] } ] } ] }, { "nodeType": "heading-4", "data": {}, "content": [ { "nodeType": "text", "value": "Learn More About the Hardie Honors Rebate Program:", "marks": [ { "type": "bold" } ], "data": {} } ] }, { "nodeType": "blockquote", "data": {}, "content": [ { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://jameshardie.com/blog/siding-project-planning/hardie-honors-firefighter-first-responder-rebate" }, "content": [ { "nodeType": "text", "value": "First Responders", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "\n", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://jameshardie.com/blog/siding-project-planning/hardie-honors-military-product-rebate-program" }, "content": [ { "nodeType": "text", "value": "Military Rebate", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": " ", "marks": [], "data": {} } ] } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "title": { "type": "text", "value": "Hardie™ Honors | Product Rebate Program" } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/ArticleBody.tsx"
Need more help? Check out the documentation.
Unable to find Uniform Context. Ensure the devtools plugin is activated.
Get a Quote