react-content-query-online - Web part is throwing [Object Object]Error

[Ritu-In]

Disclaimer

Yes

Sample

react-content-query-online

Contributor(s)

@YourGithubUsername

What happened?

When using the latest version of Content Query webpart for Online.
The webpart throws an error when added to the page

I have checked the version compatibility of my build environment is as follows:
Node - v18.20
Yo Generator - v1.19.0
Gulp - v4.0.2

Steps to reproduce

1. Clone the latest sample repo
2. Build the content query webpart in local environment
3. Upload the sppkg file to app center. Add the app to the site collection. Add the app to the page

Expected behavior

Should render the webpart.

Target SharePoint environment

SharePoint Online

Developer environment

Windows

Browsers

• Internet Explorer
• Microsoft Edge
• Google Chrome
• FireFox
• Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

What version of Node.js is currently installed on your workstation?

v18.20.4

What version of Node.js is required by the sample?

[Node.js v16 | v18]

Paste the results of SPFx doctor

√ SharePoint Framework v1.18.2
√ Node v18.20.4
√ yo v5.0.0
√ gulp-cli v2.3.0
√ bundled typescript used
[
{
"check": "SharePoint Framework",
"passed": true,
"version": "1.18.2",
"message": "SharePoint Framework v1.18.2 valid."
},
{
"check": "SharePoint Framework",
"passed": true,
"version": "1.18.2",
"message": "SharePoint Framework v1.18.2"
},
{
"check": "Node",
"passed": true,
"message": "Node v18.20.4",
"version": "18.20.4"
},
{
"check": "yo",
"passed": true,
"message": "yo v5.0.0",
"version": "5.0.0"
},
{
"check": "gulp-cli",
"passed": true,
"message": "gulp-cli v2.3.0",
"version": "2.3.0"
},
{
"check": "typescript",
"passed": true,
"message": "bundled typescript used"
}
]

Additional environment details

No response

[github-actions]

Wrong or missing contributor @mentions

Thank you for your submission, but you appear to have forgotten to @mention the sample author(s).

To help increase your chances of getting assistance from the original authors of the sample, you should make sure to @mention the actual authors (and not the repository maintainers).

Make sure to include the @ character before the GitHub username so that the author(s) get notified; using the person's name is not going to work.

Please note that the sample authors will not get notified about this issue unless you update this issue accordingly.

You can find the author(s) of each sample in the sample's README.md, under Solution.

We'll automatically close this issue in 7 days unless you update the issue.

For more information on how to create a good issue, refer to our wiki for more information: How to Create Good Issues

[github-actions]

Please note that this issue will be closed within 24 hours because it has been flagged as having invalid authors. Read the guidance and @mention the authors so they can respond to you.

[github-actions]

Closing this issue due to lack of response. Feel free to open a new issue, but make sure to follow the guidance on how to create good issues and @mention the authors so they can respond to you.

[idris-m121]

Adding sample authors @PopWarner @hugoabernier @PaoloPia @spplante @Abderahman88