Zoid Usage in React: Error: Driver support not enabled

Issue

Hi, been trying to learn how Zoid work with a React app. However, I am struggling to get the React web app to work with Zoid because it throws Driver support not enabled error at runtime.

The debugging attempt shows that the _proto is undefined on line 3316 in zoid.js, I am really not sure what’s missing in the current setup in React App and couldn’t find any relevant documentation or issue about it.

Any guidance for how to get around this issue would be very much appreciated.

Code

Here are the code that reproduce the issue:

In React app

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import zoid from 'zoid';

export let ZoidComponent = zoid.create({
  tag: 'zoid-component',
  url: 'http://localhost:8080/Index.html'
});

let ReactComponent = ZoidComponent.driver('react', {
  React: React,
  ReactDOM: ReactDOM
});

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      hasError: false
    };
  }

  componentDidCatch(error, info) {
    this.setState({ hasError: true, error });
  }

  render() {
    return this.state.hasError ? (
      <div>Error occurred when rendering React App</div>
    ) : (
      <ReactComponent loadComponent={'load Component'}/>
    );
  }
}

export default App;

Dependencies

Here are the references of the dependencies:

"dependencies": {
    "react": "16.8.6",
    "react-dom": "16.8.6",
    "redux": "4.0.1",
    "zoid": "9.0.24"
  },
  "devDependencies": {
    "@babel/core": "7.4.4",
    "@babel/preset-env": "7.4.4",
    "@babel/preset-react": "7.0.0",
    "babel-loader": "8.0.5",
    "webpack": "4.30.0",
    "webpack-cli": "3.3.2",
  }

Tried older version of React and React-dom as follow and doesn’t work either and throws the same error

    "react": "16.2.0",
    "react-dom": "16.2.1",

[sainiankit]

import * as zoid from 'zoid/dist/zoid.frameworks.js'; solves that problem.

[bluepnume]

Did you start using dist/zoid.frameworks.js?