Error Message in the using CMS

Technical Questions CMS
1

When testing the logo in the file upload, I did not observe it being uploaded. Instead, I encounter an error message that states, "Oh no!

We encountered an error." Unfortunately, there is no way to access console.log to fix this issue or understand what is happening.

Screenshot 2023-11-17 at 11.43.00 AM (2)

Here is the Share Link

2

Hello @xbrandonpowell,

Could you kindly share the code for the Navigation custom component? This information will assist us in better understanding and addressing any issues.

3 
{imageData && (
<a href=""><Img
      src={imageData.src}
      alt={imageData.allowedFileTypes}
      input={imageData.type} // Assuming your CMS provides an 'input' property
/></a>
)}

Builder.registerComponent(Nav, {
  name: "Navigation",
  inputs: [
    {
      name: "UploadLogo",
      type: "file",
      defaultValue: true,
    },
    {
      name: "NavListing",
      type: "list",
      defaultValue: true,
    },
    {
      name: "UrlLink",
      type: "url",
      defaultValue: "https://google.com",
    },
  ],
});
4

Hello @xbrandonpowell,

It appears that the issue lies in the default value of the boolean type used for the file and list types, and it seems to be incorrect.

To address this, you can update the Navigation component with the following code:

Builder.registerComponent(Nav, {
  name: "Navigation",
  inputs: [
    {
      name: "UploadLogo",
      type: "file",
      defaultValue:
        "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F08ee6173b5b14ac5b5d711461c681e8e",
    },
    {
      name: "NavListing",
      type: "list",
      defaultValue: [{ navItems: "hello" }],
      subFields: [
        {
                name: 'navItems',
                type: 'string',
                defaultValue: "Home",
              }
            ],
    },
    {
      name: "UrlLink",
      type: "url",
      defaultValue: "https://google.com",
    },
  ],
});
5

I have to check to see way this CMS Is not activation my API Key because the progress bar not moving when uplaoding my API Key to the website so I can check to see if the component has been added successfully to the backend.