Error on console

W20171227-01:42:26.871(5.5)? (STDERR) WARNING: npm peer requirements (for thereactivestack:blazetoreact) not installed:
W20171227-01:42:27.565(5.5)? (STDERR)  - react@16.2.0 installed, react@15.x needed
W20171227-01:42:27.567(5.5)? (STDERR)
W20171227-01:42:27.568(5.5)? (STDERR) Read more about installing npm peer dependencies:
W20171227-01:42:27.569(5.5)? (STDERR)   http://guide.meteor.com/using-packages.html#peer-npm-dependencies
W20171227-01:42:27.570(5.5)? (STDERR)
W20171227-01:42:27.582(5.5)? (STDERR) C:\Users\Rajendra\AppData\Local\.meteor\packages\meteor-tool\1.6.0_1\mt-os.windows.x86_64\dev_bundle\server-lib\node_modules\fibers\future.js:280
W20171227-01:42:27.584(5.5)? (STDERR)
throw(ex);
W20171227-01:42:27.586(5.5)? (STDERR)
^
W20171227-01:42:27.587(5.5)? (STDERR)
W20171227-01:42:27.588(5.5)? (STDERR) TypeError: React.createClass is not a function
W20171227-01:42:27.590(5.5)? (STDERR)     at BlazeToReact-server.jsx (packages/thereactivestack:blazetoreact/lib/BlazeToReact-server.jsx:6:28)
W20171227-01:42:27.591(5.5)? (STDERR)     at fileEvaluate (packages\modules-runtime.js:343:9)
W20171227-01:42:27.592(5.5)? (STDERR)     at require (packages\modules-runtime.js:238:16)
W20171227-01:42:27.593(5.5)? (STDERR)     at BlazeToReact.jsx (packages/thereactivestack:blazetoreact/lib/BlazeToReact.jsx:8:18)
W20171227-01:42:27.594(5.5)? (STDERR)     at fileEvaluate (packages\modules-runtime.js:343:9)
W20171227-01:42:27.594(5.5)? (STDERR)     at require (packages\modules-runtime.js:238:16)
W20171227-01:42:27.595(5.5)? (STDERR)     at D:\Work\TestReact16\.meteor\local\build\programs\server\packages\thereactivestack_blazetoreact.js:164:15
W20171227-01:42:27.596(5.5)? (STDERR)     at D:\Work\TestReact16\.meteor\local\build\programs\server\packages\thereactivestack_blazetoreact.js:175:3
W20171227-01:42:27.597(5.5)? (STDERR)     at infos.forEach.info (D:\Work\TestReact16\.meteor\local\build\programs\server\boot.js:414:13)
W20171227-01:42:27.598(5.5)? (STDERR)     at Array.forEach (<anonymous>)
=> Exited with code: 1

One with withTracker()

import React, { Component } from 'react';
import { withTracker } from 'meteor/react-meteor-data';
import Checkbox from '../../utilities/Checkbox';

import { I18n, translate } from 'react-i18next';

class ManageUsers extends Component{
	
	componentWillMount = () => {
		this.selectedUsers = new Set();
		this.state = {value: 'editor'};
	}

	toggleCheckbox = userId => {
		if (this.selectedUsers.has(userId)) {
			this.selectedUsers.delete(userId);
		} else {
			this.selectedUsers.add(userId);
		}
	}

	changeRole(event){
		//some code
	}
	
	
	handleChange(event) {
		this.setState({value: event.target.value});
	}
  
	render(){
		
		if(!this.props.ready){
			return <div>Loading</div>;
		}
		
		return(
		<I18n ns="translations">
        {
          (t, { i18n }) => (
			<main>
				<h1>{t('heading')}</h1>
				<h3>Set Role to<select name="userRole" value={this.state.value} onChange={this.handleChange.bind(this)}>
										{this.props.roles.map((role) =>{
											return (<option value={role.name} key={role._id}>{role.name}</option>)
										})}
									</select></h3>
				<h2>User email ----- User Role </h2>
				<form onSubmit={this.changeRole.bind(this)}>
					{this.props.users.map((user,i) =>{
						return (<div key={i}>
									<Checkbox id={user._id} label={user.emails[0].address} handleCheckboxChange={this.toggleCheckbox} key={user._id}/>
									<span>{user.roles}</span>
								</div>)
					})}
					<button type='submit'>Add user</button>
				</form>
			</main>
			)
        }
      </I18n>
       
		);
	}
}


export default withTracker(() => {
	let var1 = Meteor.subscribe('db1');
	let var2 = Meteor.subscribe('db2');
	return {
		ready: var1.ready(),
		users: Meteor.users.find().fetch(),
		roles: Meteor.roles.find().fetch()
	};
})(ManageUsers);

package.json

{
  "name": "TestReact16",
  "private": true,
  "scripts": {
    "start": "meteor run"
  },
  "dependencies": {
    "babel-runtime": "^6.26.0",
    "bcrypt": "^1.0.3",
    "i18next": "^10.2.1",
    "i18next-xhr-backend": "^1.5.0",
    "meteor-node-stubs": "^0.3.2",
    "react": "^16.2.0",
    "react-addons-pure-render-mixin": "^15.6.2",
    "react-dom": "^16.2.0",
    "react-i18next": "^7.3.0",
    "react-komposer": "^2.0.0",
    "react-router-dom": "^4.2.2"
  }
}

Sample ReactJS file

import React, { Component } from 'react';
import { withTracker } from 'meteor/react-meteor-data';
import uploadsCollection from '../../../../lib/files.js';

class AddNewUser extends Component{
	
	componentWillMount = () => {
		this.state = {file: null,
					  upload: false,
					  firstNameValue: '',
					  lastNameValue: ''};
	}
	
	handleChange(event) {
		//some code
	}
	
	
	
	render(){
		return(
			<div>
				<h1>Add New User</h1>
				<form onSubmit={this.addNewUser.bind(this)}>
					<label> First Name: <input type="text" ref="firstName"  /> </label> <br/>
					<label> Last Name: <input type="text" ref="lastName" /> </label> <br/>
					<label> Primary Address: <textarea ref="primaryAddress"/> (Add Multiple Addresses) </label> <br/>
					<label> Personal Email: <input type="text" ref="personalEmail"/> </label> <br/>
					<label> Public Email: <input type="text" ref="publicEmail"/> </label> <br/>
					<label> Sex:<input type="radio" ref="gender" value="Male"/> Male 
								<input type="radio" ref="gender" value="Female"/> Female
								<input type="radio" ref="gender" value="Other"/> Other </label> <br/>
					<label> Date of Birth: <input ref="dateOfBirth" type="date" /> </label> <br/>
					<label> Phone Numbers:  </label> <br/>
					<label> Public Phone Number: <input type="text" ref="publicPhone"/> </label> <br/>
					<label> Private Phone Number: <input type="text" ref="privatePhone"/> </label> <br/>
					<label> Your thoughts/About Yourself: <textarea ref="aboutYourself"/> </label> <br/>
					<label> User Photo: <input id="userPhoto" type="file" onChange={this.handleChange.bind(this)}/> </label> <br/>
					<button type='submit'>Add user</button>
				</form>
			</div>
       
		);
	}
}

export default AddNewUser;