React components should extend React.Component

Author: kassens

plugins/Relay/ElementPanel.js

@@ -13,7 +13,7 @@
 var React = require('react');
 var decorate = require('../../frontend/decorate');
 
-class ElementPanel {
+class ElementPanel extends React.Component {
  props: {
  dataIDs: Array<{id: string, queries: Array<Map>}>,
  jumpToData: (id: string) => void,

plugins/Relay/QueriesTab.js

@@ -16,7 +16,7 @@ var QueryList = require('./QueryList');
 var QueryViewer = require('./QueryViewer');
 var SplitPane = require('../../frontend/SplitPane');
 
-class QueriesTab {
+class QueriesTab extends React.Component {
  props: {
  isSplit: boolean,
  };

plugins/Relay/QueryList.js

@@ -16,7 +16,7 @@ var React = require('react');
 var decorate = require('../../frontend/decorate');
 var Query = require('./Query');
 
-class QueryList {
+class QueryList extends React.Component {
  props: {
  queries: OrderedMap,
  selectQuery: (id: string) => void,

plugins/Relay/QueryViewer.js

@@ -20,7 +20,7 @@ import React from 'react';
 import decorate from '../../frontend/decorate';
 import tidyGraphQL from './tidyGraphQL';
 
-class QueryViewer {
+class QueryViewer extends React.Component {
  props: {
  data: Map,
  inspect: (path: Array<string>, cb: () => void) => void,

plugins/Relay/StoreTab.js

@@ -16,7 +16,7 @@ var React = require('react');
 var DataView = require('../../frontend/DataView/DataView');
 var decorate = require('../../frontend/decorate');
 
-class StoreTab {
+class StoreTab extends React.Component {
  props: {
  data: Map,
  inspect: (path: Array<string>, cb: () => void) => void,