react-dnd-mouse-backend/example/src/App.js

A lightweight attempt for solving the whole HTML5 DnD - svg tags compability issue

import React from 'react'
import { DragDropContext } from 'react-dnd'
import MouseBackend from 'react-dnd-mouse-backend'
import CSV from './CSV'
import NormalDiv from './NormalDiv'
import MultipleTargets from './MultipleTargets'
import WithDragPreview from './WithDragPreview'
import NestedTargets from './NestedTargets'

const App = React.createClass({
  render() {
    return (
      <div style={{
        display: 'flex', height: '50vh', justifyContent: 'space-between',
        flexWrap: 'wrap',
      }}>
        <NestedTargets />
      </div>
    )
  }
})

export default DragDropContext(MouseBackend)(App)