Error: How to serialize data from getStaticProps : Next.js

by

Add JSON.stringify when calling an asynchronous function that returns an object.

Try modifying your getStaticProps function like this.

export async function getStaticProps() {
    const profiles = await getAllBusinessProfiles();
    const allProfiles = JSON.stringify(profiles)

    return {
        props: {
             allProfiles
        }
   };
}

The JSON.stringify() method converts a JavaScript object or value to a JSON string, optionally replacing values if a replacer function is specified or optionally including only the specified properties if a replacer array is specified.

Source: MDN

More Related Contents:

  1. setState doesn’t update the state immediately
  2. Unable to access React instance (this) inside event handler [duplicate]
  3. Adding script tag to React/JSX
  4. Window is not defined in Next.js React app
  5. When to use ES6 class based React components vs. functional ES6 React components?
  6. Why and when do we need to bind functions and eventHandlers in React?
  7. What does three dots do in ReactJS [duplicate]
  8. How to add multiple classes to a ReactJS Component?
  9. React useState hook event handler using initial state
  10. Can’t build React/Next project – found page without a React Component as default export (context api file)
  11. Can I use arrow function in constructor of a react component?
  12. setState() inside of componentDidUpdate()
  13. Why do I have to .bind(this) for methods defined in React component class, but not in regular ES6 class
  14. where is create-react-app webpack config and files?
  15. First Load JS shared by all is rather heavy in next.js
  16. Unable to use Arrow functions inside React component class [duplicate]
  17. Best way to polyfill ES6 features in React app that uses create-react-app
  18. Importing multiple files in react
  19. How do you import a javascript package from a cdn/script tag in React?
  20. I can’t reference an image in Next.js
  21. Update one of the objects in array, in an immutable way
  22. How to use cookie inside `getServerSideProps` method in Next.js?
  23. unable to deploy next js to azure
  24. How to Set port in next.js
  25. How to namespace es6 classes (for React components)
  26. Custom _app and _document get ignored when moving files to src/pages folder in Next.js
  27. Exporting functions with reactjs and babel
  28. Deep nested array of objects not rendering
  29. Next.js app folder: is there some “entry point”? A direct replacement for _app.tsx?
  30. How to avoid caching in the app directory of Next.js?

Leave a Comment