Remove style inside React Storybook

inline.js

// @todo a way to revert to be a switch plugin

(() => {
  Array.from(document.getElementById('storybook-preview-iframe').contentDocument.body.querySelectorAll('.sb-wrapper'))
    .forEach(el => {
      el.style.display = 'none'
    })

  // remove styles
  Array.from(document.getElementById('storybook-preview-iframe').contentDocument.head.getElementsByTagName("*"))
    .filter(el => el.sheet)
    .forEach(el => {
      el.sheet.disabled = true
    })

  // remove inline styles
  Array.from(document.getElementById('storybook-preview-iframe').contentDocument.getElementById('root').firstChild.firstElementChild.getElementsByTagName("*"))
    .filter(el => el.getAttribute('style') && el)
    .forEach(el => {
      el.dataset.style = el.getAttribute('style')
      el.removeAttribute('style')
    })
})()