How to use the react-tabs.Tabs.setUseDefaultStyles function in react-tabs

import * as React from 'react'
import 'react-datepicker/dist/react-datepicker.css'
import { connect } from 'react-redux'
import { Tabs } from 'react-tabs'

import { Footer } from 'components/organisms/Footer'
import { Navbar } from 'components/organisms/Navbar'
import 'extensions/String'

import './Root.scss'

Tabs.setUseDefaultStyles(false)

interface RootLayoutProps {
  readonly location?: {
    readonly pathname: string,
  }
  readonly children?: React.ReactNode
}

function render(props: RootLayoutProps) {
  // TODO: templates rather than this url-matching monstrosity
  const location = props.location.pathname.trimLeftByPattern('/')

  const worksUrl = 'works'

  const navbarShadow = ![worksUrl, ''].includes(location)
  const navbarTransparent = [''].includes(location)

import { Observable } from 'rxjs/Rx';
import { setObservableConfig } from 'recompose';
import classNames from 'classnames';
import * as TypesService from '../services/types-service';
import Alerts from './alerts/Alerts';
import Notifications from './alerts/Notifications';
import { withTypesService } from './common/Input/TypedInput';
import logoSrc from './resources/logo.svg';
import './App.css';

require('../styles/core/fonts/fonts.css');

setObservableConfig({
  fromESObservable: Observable.from,
});
Tabs.setUseDefaultStyles(false);

const ListItemLink = ({ to, ...rest }) => (
     (
        <li>
            
        </li>
    )}/&gt;
);

export default withTypesService(TypesService)(({ children }) =&gt; (
  <div></div>

import React from 'react'
import {
  Tab,
  Tabs,
  TabList,
  TabPanel,
} from 'react-tabs'
Tabs.setUseDefaultStyles(false)
import {
  uiGroups,
  spacing,
  borderSizes,
  borderRadii,
} from '../../../../../../utils/styleGuide'
import Heading from '../../../../../../components/Heading'
import Icon from '../../../../../../components/Icon'
import List from '../../../../../../components/List'
import Anchor from '../../../../../../components/Anchor'
import Screenshot from '../../../../../../components/Screenshot'

const tabBorder = `${borderSizes.medium}px solid ${uiGroups.backgroundShade}`;

const plugins = [
  {

import React from 'react'
import {
  Tab,
  Tabs,
  TabList,
  TabPanel,
} from 'react-tabs'
Tabs.setUseDefaultStyles(false)
import plugins from '../../data/plugins'
import {
  colors,
  spacing,
  borderSizes,
  borderRadii,
} from '../../data/styleGuide'
import Heading from '../Heading'
import Icon from '../Icon'
import List from '../List'
import Link from '../Link'
import Image from '../Image'

const tabBorder = `${borderSizes.medium}px solid ${colors.decoration.medium}`;

class Platforms extends React.Component {

import React from 'react';
import cn from 'classnames';
import Sortable from 'sortablejs';
import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';
import ReactTooltip from 'react-tooltip';
import sendToAddon from '../client-lib/send-to-addon';
import sendMetricsEvent from '../client-lib/send-metrics-event';
import Item from './queue-item';

Tabs.setUseDefaultStyles(false);

export default class QueuesView extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      activeTabIndex: 0,
      keyPrefix: Math.random()
    };
  }

  handleSelect(index, last) {
    this.setState({activeTabIndex: index});
  }

  sortableContainersDecorator(componentBackingInstance) {
    const onEnd = (ev) => {

import React, {Component, PropTypes } from "react";
import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
import "./style.less";

Tabs.setUseDefaultStyles(false);

class DnnTabs extends Component {

    constructor() {
        super();
        this.uniqueId = Date.now() * Math.random();
        this.state = {
            selectedIndex: 0
        };
    }

    onSelect(index, last) {
        const { props } = this;
        if (typeof props.selectedIndex === "undefined") {
            this.setState({
                selectedIndex: index

zoom={Number(zoom)}
        isCompare={compareMode}
        isOpacity={compareModeType === 'opacity'}
        onPinClick={(item, i, zoom) => this.onClickResult(i, item, true)}
        onCompare={this.onComparePins}
        onClearPins={this.clearPins}
        onRemove={i => Store.removePin(i)}
        onZoomToPin={this.onZoomToPin}
        onOpacityChange={this.props.onOpacityChange}
        pinOrderChange={this.props.pinOrderChange}
        onToggleCompareMode={e => this.changeComapreMode(e)}
        items={pinResults}
      />,
    ];

    Tabs.setUseDefaultStyles(false);

    return (
      <div style="{{" id="tools">
        <header> loginAndLoadInstances()}
          onLogout={() =&gt; {
            Store.doLogout()
              .then(() =&gt; {</header></div>