Error while rendering "Components.WhatsOnHero" to "react_0HNEGD66KE5CQ": Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.
    at bn (/app/wwwroot/dist-server/react.js:2:33200)
    at yn (/app/wwwroot/dist-server/react.js:2:34233)
    at En (/app/wwwroot/dist-server/react.js:2:37626)
    at Immediate._onImmediate (/app/wwwroot/dist-server/react.js:2:44818)
    at process.processImmediate (node:internal/timers:483:21)

   at NodeReact.ReactConfiguration.<>c.<.ctor>b__0_1(Exception ex, String ComponentName, String ContainerId)
   at NodeReact.Components.ReactComponent.RenderHtml()
   at NodeReact.AspNetCore.HtmlHelperExtensions.ReactAsync[T](IHtmlHelper htmlHelper, String componentName, T props, String htmlTag, String containerId, Boolean clientOnly, Boolean serverOnly, String containerClass, Action`3 exceptionHandler, Boolean bootstrapInPlace, BootstrapScriptContent bootstrapScriptContentProvider)
   at Dept.CachedReact.CachedReactViewRenderer.RenderComponentToHtml[T](IHtmlHelper htmlHelper, String componentName, T props, String containerId, String containerTag, String containerClass, Boolean clientOnly, Boolean serverOnly) in /home/vsts/work/1/s/src/Dept.CachedReact/CachedReactViewRenderer.cs:line 163
   at Dept.CachedReact.CachedReactViewRenderer.GetServerSide[T](IHtmlHelper htmlHelper, String componentName, T props, String containerTag, String containerClass, Boolean clientOnly, Boolean serverOnly) in /home/vsts/work/1/s/src/Dept.CachedReact/CachedReactViewRenderer.cs:line 99
   at AspNetCoreGeneratedDocument.Views_Shared_React.ExecuteAsync() in /home/vsts/work/1/s/src/McArthurGlen.Optimizely.Web/Views/Shared/React.cshtml:line 10

{
  "reactComponentName": "Components.WhatsOnHero",
  "title": "The what, where & when",
  "subTitle": "featured",
  "article": {
    "title": "Adventure starts here - our new Columbia store is now open",
    "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam semper ipsum quis tortor egestas volutpat. Duis eget turpis maximus, aliquet ex vitae, efficitur tortor.",
    "media": {
      "componentID": 0,
      "mediaType": "Image",
      "resize": true,
      "useCdn": true,
      "url": "/contentassets-v12/ea1b4d024ebf4d67b8bf1e1bc2582c23/destination_guide_1.jpg",
      "altText": "Default Alt text",
      "imageFocalPoint": "",
      "blurhash": "|LH.D}.8009FRkRjD%WWR*I;ogjFWAxtt7RjoJt7My-;NGW;aebHofWBof.9S5IoRjs:ofaeoMaebwNHn%RjxuWBaeofWVofs:RjofjsR*azayfljYj[t7ofNGozaeWBWBoIj=j[RjogjukCj]WCj]a#Rjt7ofWAofofWC",
      "blurhashEnabled": true
    },
    "readMoreLabel": "Read more",
    "readMoreIcon": "chevron-right",
    "categories": [
      "Clothing",
      "Accessories & Bags"
    ],
    "date": "7/11/2025",
    "saveLabel": "Save for later",
    "saveIcon": "bookmark",
    "readMoreUrl": "/en/test-pages/article-detail-page-examples/adventure/"
  },
  "displayBrand": true,
  "isInEditor": false,
  "serverOnlyRender": false,
  "clientOnlyRender": false,
  "centreTheme": "core",
  "topPadding": "sm",
  "bottomPadding": "sm",
  "componentID": 21430,
  "culture": "en"
}

Error while rendering "Components.WhatsOnHero" to "react_0HNEGD66KE5CR": Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.
    at bn (/app/wwwroot/dist-server/react.js:2:33200)
    at yn (/app/wwwroot/dist-server/react.js:2:34233)
    at En (/app/wwwroot/dist-server/react.js:2:37626)
    at Immediate._onImmediate (/app/wwwroot/dist-server/react.js:2:44818)
    at process.processImmediate (node:internal/timers:483:21)

   at NodeReact.ReactConfiguration.<>c.<.ctor>b__0_1(Exception ex, String ComponentName, String ContainerId)
   at NodeReact.Components.ReactComponent.RenderHtml()
   at NodeReact.AspNetCore.HtmlHelperExtensions.ReactAsync[T](IHtmlHelper htmlHelper, String componentName, T props, String htmlTag, String containerId, Boolean clientOnly, Boolean serverOnly, String containerClass, Action`3 exceptionHandler, Boolean bootstrapInPlace, BootstrapScriptContent bootstrapScriptContentProvider)
   at Dept.CachedReact.CachedReactViewRenderer.RenderComponentToHtml[T](IHtmlHelper htmlHelper, String componentName, T props, String containerId, String containerTag, String containerClass, Boolean clientOnly, Boolean serverOnly) in /home/vsts/work/1/s/src/Dept.CachedReact/CachedReactViewRenderer.cs:line 163
   at Dept.CachedReact.CachedReactViewRenderer.GetServerSide[T](IHtmlHelper htmlHelper, String componentName, T props, String containerTag, String containerClass, Boolean clientOnly, Boolean serverOnly) in /home/vsts/work/1/s/src/Dept.CachedReact/CachedReactViewRenderer.cs:line 99
   at AspNetCoreGeneratedDocument.Views_Shared_React.ExecuteAsync() in /home/vsts/work/1/s/src/McArthurGlen.Optimizely.Web/Views/Shared/React.cshtml:line 10

{
  "reactComponentName": "Components.WhatsOnHero",
  "title": "The what, where & when",
  "subTitle": "featured",
  "article": {
    "title": "Adventure starts here - our new Columbia store is now open",
    "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam semper ipsum quis tortor egestas volutpat. Duis eget turpis maximus, aliquet ex vitae, efficitur tortor.",
    "media": {
      "componentID": 0,
      "mediaType": "Image",
      "resize": true,
      "useCdn": true,
      "url": "/contentassets-v12/ea1b4d024ebf4d67b8bf1e1bc2582c23/destination_guide_1.jpg",
      "altText": "Default Alt text",
      "imageFocalPoint": "",
      "blurhash": "|LH.D}.8009FRkRjD%WWR*I;ogjFWAxtt7RjoJt7My-;NGW;aebHofWBof.9S5IoRjs:ofaeoMaebwNHn%RjxuWBaeofWVofs:RjofjsR*azayfljYj[t7ofNGozaeWBWBoIj=j[RjogjukCj]WCj]a#Rjt7ofWAofofWC",
      "blurhashEnabled": true
    },
    "readMoreLabel": "Read more",
    "readMoreIcon": "chevron-right",
    "categories": [
      "Clothing",
      "Accessories & Bags"
    ],
    "date": "7/11/2025",
    "saveLabel": "Save for later",
    "saveIcon": "bookmark",
    "readMoreUrl": "/en/test-pages/article-detail-page-examples/adventure/"
  },
  "displayBrand": false,
  "isInEditor": false,
  "serverOnlyRender": false,
  "clientOnlyRender": false,
  "centreTheme": "core",
  "topPadding": "sm",
  "bottomPadding": "sm",
  "componentID": 21431,
  "culture": "en"
}

Error while rendering "Components.WhatsOnHero" to "react_0HNEGD66KE5D3": Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.
    at bn (/app/wwwroot/dist-server/react.js:2:33200)
    at yn (/app/wwwroot/dist-server/react.js:2:34233)
    at En (/app/wwwroot/dist-server/react.js:2:37626)
    at Immediate._onImmediate (/app/wwwroot/dist-server/react.js:2:44818)
    at process.processImmediate (node:internal/timers:483:21)

   at NodeReact.ReactConfiguration.<>c.<.ctor>b__0_1(Exception ex, String ComponentName, String ContainerId)
   at NodeReact.Components.ReactComponent.RenderHtml()
   at NodeReact.AspNetCore.HtmlHelperExtensions.ReactAsync[T](IHtmlHelper htmlHelper, String componentName, T props, String htmlTag, String containerId, Boolean clientOnly, Boolean serverOnly, String containerClass, Action`3 exceptionHandler, Boolean bootstrapInPlace, BootstrapScriptContent bootstrapScriptContentProvider)
   at Dept.CachedReact.CachedReactViewRenderer.RenderComponentToHtml[T](IHtmlHelper htmlHelper, String componentName, T props, String containerId, String containerTag, String containerClass, Boolean clientOnly, Boolean serverOnly) in /home/vsts/work/1/s/src/Dept.CachedReact/CachedReactViewRenderer.cs:line 163
   at Dept.CachedReact.CachedReactViewRenderer.GetServerSide[T](IHtmlHelper htmlHelper, String componentName, T props, String containerTag, String containerClass, Boolean clientOnly, Boolean serverOnly) in /home/vsts/work/1/s/src/Dept.CachedReact/CachedReactViewRenderer.cs:line 99
   at AspNetCoreGeneratedDocument.Views_Shared_React.ExecuteAsync() in /home/vsts/work/1/s/src/McArthurGlen.Optimizely.Web/Views/Shared/React.cshtml:line 10

{
  "reactComponentName": "Components.WhatsOnHero",
  "title": "The what, where & when",
  "subTitle": "featured",
  "article": {
    "title": "Fashion Festival is back - up to 70% off!",
    "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam semper ipsum quis tortor egestas volutpat. Duis eget turpis maximus, aliquet ex vitae, efficitur tortor.",
    "media": {
      "componentID": 0,
      "mediaType": "Image",
      "resize": true,
      "useCdn": true,
      "url": "/contentassets-v12/94b58ba04d5d45a0b44d76b28da18c45/lady-shopping.png",
      "altText": "Default Alt text",
      "imageFocalPoint": "",
      "blurhash": "|MHw_kwZ9ZxCD*I@I;xas7yZwZRRawNGxas.OFV@I^ROt7RjS5j=xZWZWV0gR%oyRjt8NHRls,oeoMoJxaoexuspR+WAa~Iraxs+s;s;oct7jFX8I@ofoIR+s:jHWDj?ogS6WVoIR,WVR+Rks:ofWYjYWUt7jtoMofj[WB",
      "blurhashEnabled": true
    },
    "readMoreLabel": "Read more",
    "readMoreIcon": "chevron-right",
    "categories": [
      "Clothing",
      "Accessories & Bags"
    ],
    "date": "1/1/0001",
    "saveLabel": "Save for later",
    "saveIcon": "bookmark",
    "readMoreUrl": "/en/test-pages/event-detail-page-examples/fashion/",
    "day": "10",
    "month": "NOV"
  },
  "displayBrand": true,
  "isInEditor": false,
  "serverOnlyRender": false,
  "clientOnlyRender": false,
  "centreTheme": "core",
  "topPadding": "sm",
  "bottomPadding": "sm",
  "componentID": 21432,
  "culture": "en"
}

Error while rendering "Components.WhatsOnHero" to "react_0HNEGD66KE5D8": Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.
    at bn (/app/wwwroot/dist-server/react.js:2:33200)
    at yn (/app/wwwroot/dist-server/react.js:2:34233)
    at En (/app/wwwroot/dist-server/react.js:2:37626)
    at Immediate._onImmediate (/app/wwwroot/dist-server/react.js:2:44818)
    at process.processImmediate (node:internal/timers:483:21)

   at NodeReact.ReactConfiguration.<>c.<.ctor>b__0_1(Exception ex, String ComponentName, String ContainerId)
   at NodeReact.Components.ReactComponent.RenderHtml()
   at NodeReact.AspNetCore.HtmlHelperExtensions.ReactAsync[T](IHtmlHelper htmlHelper, String componentName, T props, String htmlTag, String containerId, Boolean clientOnly, Boolean serverOnly, String containerClass, Action`3 exceptionHandler, Boolean bootstrapInPlace, BootstrapScriptContent bootstrapScriptContentProvider)
   at Dept.CachedReact.CachedReactViewRenderer.RenderComponentToHtml[T](IHtmlHelper htmlHelper, String componentName, T props, String containerId, String containerTag, String containerClass, Boolean clientOnly, Boolean serverOnly) in /home/vsts/work/1/s/src/Dept.CachedReact/CachedReactViewRenderer.cs:line 163
   at Dept.CachedReact.CachedReactViewRenderer.GetServerSide[T](IHtmlHelper htmlHelper, String componentName, T props, String containerTag, String containerClass, Boolean clientOnly, Boolean serverOnly) in /home/vsts/work/1/s/src/Dept.CachedReact/CachedReactViewRenderer.cs:line 99
   at AspNetCoreGeneratedDocument.Views_Shared_React.ExecuteAsync() in /home/vsts/work/1/s/src/McArthurGlen.Optimizely.Web/Views/Shared/React.cshtml:line 10

{
  "reactComponentName": "Components.WhatsOnHero",
  "title": "The what, where & when",
  "subTitle": "featured",
  "displayBrand": true,
  "isInEditor": false,
  "serverOnlyRender": false,
  "clientOnlyRender": false,
  "centreTheme": "core",
  "topPadding": "sm",
  "bottomPadding": "sm",
  "componentID": 21433,
  "culture": "en"
}