How to use the react-shadow.default function in react-shadow

import { throttle } from 'lodash'
import * as React from 'react'
import DiffImagePopover from './components/DiffImagePopover'
import InputPopover from './components/InpuPopover'
import MediaPopoverProps from './components/MediaPopover'
import editors from './editors'
import { Message } from './editors/index'
import errorHandler from './error-handler'
import inspector from './inspector'
import renderComponent from './preview-render'
import { DiffImage, Media, State, States } from './types'
import workspace from './workspace'

// const throttledGenerate = throttle(() => workspace.generate(errorHandler), 3000)

const ShadowDOM = require('react-shadow').default

const Panel = Collapse.Panel

const mediaQuery = require('css-mediaquery')

interface PreviewsProps {
  activeComponent: string
}

interface PreviewsState {
  inspecting: boolean
  showGrid: boolean
  isOutputOpen: boolean
  diffMode: string
  diffValue: number
}