TypeError: Cannot read property 'appendChild' of null bpm reactjs

Developers
1

I tried implementing bpmn in reactjs using this source https://github.com/bpmn-io/bpmn-js-properties-panel , so I’ve written a route for my project and imported bpm-js propertiespanel and camunda and binded it with two div elements as shown in the docs but always I end up getting this error

TypeError: Cannot read property ‘appendChild’ of null bpm reactjs

meanwhile .bpmn file should be loaded in webpack to create a dynamic newDiagram
how to config webpack? here’s my webpack.config file

module: {
    loaders: [{
      test: /\.jsx?$/,
      exclude: /node_modules/,
      loader: 'babel-loader',
      query: {
        presets: ['react', 'es2015', 'stage-1']
      }
    },
    {
      test: /\.css$/,
      loader: "style-loader!css-loader"
    },
    {
      test: /\.bpmn$/,
      exclude: /node_modules/,
      query: {
        presets: ['react', 'es2015', 'stage-1']
      },
      loader: 'file-loader?name=diagrams/[name].[ext]'
    },
    {
      test: /\.scss$/,
      loader: "scss-loader!style-loader!css-loader"
    },
    {
      test: /\.png$/,
      loader: "url-loader?limit=100000"
    },
    {
      test: /\.jpg$/,
      loader: "file-loader"
    }

please help me with this

2

This is an issue with your React implementation, not with bpmn-js-properties-panel. Make sure you have an actual DOM element, when attaching the properties panel.

Also: Please make sure to format your code blocks using Markdown so they are readable.