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/3AkvlAaSMhdBbEVqp73J8v/e63e9f084a54f150c122feb19b619cb9/JH-UGC-SoCal-img-1.png", "title": "James Hardie Re-side Giveaway 2021", "introText": "This holiday season, James Hardie wants to help give homeowners the home exterior of their dreams with the James Hardie 2021 Re-Side Giveaway.", "component": { "type": "articleHero", "parameters": { "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/3AkvlAaSMhdBbEVqp73J8v/e63e9f084a54f150c122feb19b619cb9/JH-UGC-SoCal-img-1.png" }, "title": { "type": "text", "value": "James Hardie Re-side Giveaway 2021" }, "introText": { "type": "text", "value": "This holiday season, James Hardie wants to help give homeowners the home exterior of their dreams with the James Hardie 2021 Re-Side Giveaway." } } } } - 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": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Accepting submissions from December 9", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "superscript" } ], "value": "th", "nodeType": "text" }, { "data": {}, "marks": [], "value": ", 2021 through December 31", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "superscript" } ], "value": "st", "nodeType": "text" }, { "data": {}, "marks": [], "value": ", 2021, this giveaway provides an opportunity for homeowners in specified areas of California and the Seattle area to receive a complimentary re-side featuring new ", "nodeType": "text" }, { "data": { "uri": "https://www.jameshardie.com/product-catalog/exterior-siding-products/hardie-panel-siding/" }, "content": [ { "data": {}, "marks": [], "value": "Hardie® Textured Panels", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": " and other Hardie® siding products.\nMaking a submission is easy:", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "\n1) \"Like” the giveaway social post on James Hardie’s ", "nodeType": "text" }, { "data": { "uri": "https://www.instagram.com/p/CXR70AXMVr4/" }, "content": [ { "data": {}, "marks": [], "value": "Instagram", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": " or ", "nodeType": "text" }, { "data": { "uri": "https://www.facebook.com/jameshardie/posts/10159678850764704" }, "content": [ { "data": {}, "marks": [], "value": "Facebook", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": " \n\n2) Follow @JamesHardie on Instagram or Facebook\n \n3) Post a photo of the full front of your home on Instagram or Facebook using the hashtag #MyHardieHome\n \nFor homeowners who are looking to refresh their home exterior or modernize their home’s look, new Hardie® Textured Panels are a perfect siding option. Whether traditional, modern, or somewhere in between, Hardie® Textured Panels can help bring a contemporary, fresh look to any home style. This new product is offered in three different designs – Hardie® Smooth Sand Panel, Hardie® Multi-Groove Panel, and Hardie® Knockdown panel – which all work beautifully when upgrading from exterior products such as wood siding or stucco.\n \nHardie® Textured Panels can be paired with other Hardie® siding products to create a mixed-materials look that allows homeowners to achieve their perfect, customized design and truly reimagine what’s possible for their home exterior.\n \nLike all Hardie® fiber cement exterior products, Hardie® Textured Panels are Engineered for Climate® to offer a variety of ", "nodeType": "text" }, { "data": { "uri": "https://www.jameshardie.com/why-james-hardie/siding-performance-durability/" }, "content": [ { "data": {}, "marks": [], "value": "durable siding benefits", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": ". All Hardie® fiber cement siding products are fire-resistant, water-resistant, impact resistant, pest-resistant, and come with a 30-year non-prorated substrate warranty for added peace of mind.\n \n\nNo Purchase Necessary. Must reside in the U.S. and be at least 18 years old. Selected homes must be located in eligible zip codes in California and Washington State. Eligibility rules and conditions apply. See complete Rules ", "nodeType": "text" }, { "data": { "uri": "https://lp-new.jameshardie.com/rs/966-NNK-991/images/Hardie%20Textured%20Panels%20Re-Side%20Giveaway%20Rules_2021_James%20Hardie%20-CA-WA-120921.pdf" }, "content": [ { "data": {}, "marks": [], "value": "at this link.", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": "\n ", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" }, "title": "James Hardie Re-side Giveaway 2021", "component": { "type": "articleBody", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Accepting submissions from December 9", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "superscript" } ], "value": "th", "nodeType": "text" }, { "data": {}, "marks": [], "value": ", 2021 through December 31", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "superscript" } ], "value": "st", "nodeType": "text" }, { "data": {}, "marks": [], "value": ", 2021, this giveaway provides an opportunity for homeowners in specified areas of California and the Seattle area to receive a complimentary re-side featuring new ", "nodeType": "text" }, { "data": { "uri": "https://www.jameshardie.com/product-catalog/exterior-siding-products/hardie-panel-siding/" }, "content": [ { "data": {}, "marks": [], "value": "Hardie® Textured Panels", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": " and other Hardie® siding products.\nMaking a submission is easy:", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "\n1) \"Like” the giveaway social post on James Hardie’s ", "nodeType": "text" }, { "data": { "uri": "https://www.instagram.com/p/CXR70AXMVr4/" }, "content": [ { "data": {}, "marks": [], "value": "Instagram", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": " or ", "nodeType": "text" }, { "data": { "uri": "https://www.facebook.com/jameshardie/posts/10159678850764704" }, "content": [ { "data": {}, "marks": [], "value": "Facebook", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": " \n\n2) Follow @JamesHardie on Instagram or Facebook\n \n3) Post a photo of the full front of your home on Instagram or Facebook using the hashtag #MyHardieHome\n \nFor homeowners who are looking to refresh their home exterior or modernize their home’s look, new Hardie® Textured Panels are a perfect siding option. Whether traditional, modern, or somewhere in between, Hardie® Textured Panels can help bring a contemporary, fresh look to any home style. This new product is offered in three different designs – Hardie® Smooth Sand Panel, Hardie® Multi-Groove Panel, and Hardie® Knockdown panel – which all work beautifully when upgrading from exterior products such as wood siding or stucco.\n \nHardie® Textured Panels can be paired with other Hardie® siding products to create a mixed-materials look that allows homeowners to achieve their perfect, customized design and truly reimagine what’s possible for their home exterior.\n \nLike all Hardie® fiber cement exterior products, Hardie® Textured Panels are Engineered for Climate® to offer a variety of ", "nodeType": "text" }, { "data": { "uri": "https://www.jameshardie.com/why-james-hardie/siding-performance-durability/" }, "content": [ { "data": {}, "marks": [], "value": "durable siding benefits", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": ". All Hardie® fiber cement siding products are fire-resistant, water-resistant, impact resistant, pest-resistant, and come with a 30-year non-prorated substrate warranty for added peace of mind.\n \n\nNo Purchase Necessary. Must reside in the U.S. and be at least 18 years old. Selected homes must be located in eligible zip codes in California and Washington State. Eligibility rules and conditions apply. See complete Rules ", "nodeType": "text" }, { "data": { "uri": "https://lp-new.jameshardie.com/rs/966-NNK-991/images/Hardie%20Textured%20Panels%20Re-Side%20Giveaway%20Rules_2021_James%20Hardie%20-CA-WA-120921.pdf" }, "content": [ { "data": {}, "marks": [], "value": "at this link.", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": "\n ", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "title": { "type": "text", "value": "James Hardie Re-side Giveaway 2021" } } } } - 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