RichText with sanitize-html

richTextField.js

// npm install sanitize-html
const sanitizeHtml = require('sanitize-html');
// npm install storyblok-js-client
const StoryblokClient = require('storyblok-js-client')

// Storyblok is now available as variable which contains the richTextResolver functionality
const Storyblok = new StoryblokClient({})

function createMarkup(storyblokHTML) {
  return {
    // configure sanitizeHtml as needed: https://www.npmjs.com/package/sanitize-html#node-recommended
    __html: sanitizeHtml(Storyblok.richTextResolver.render(storyblokHTML)),
  }
}

const RichTextField = ({ data }) => {
  return <div dangerouslySetInnerHTML={createMarkup(data)} />
}

export default RichTextField

// Usage in other components -> import that richTextField Component
// and use like: <RichTextField data=your_field></RichTextField>