Моя вкладка не отображается в моем браузере

Question

Это мой компонент Tab

import React from 'react';
import {Tab, Tabs, Grid, Cell,Card,CardTitle, CardActions, CardText, CardMenu, Button, IconButton} from 'react-mdl'


class Projects extends React.Component{
    constructor(props){
        super(props)
        this.state={ activeTab:0 };
    }

    render(){
        return(
            <div className="category-tabs">
              <Tabs activeTab={this.state.activeTab} onChange={(tabId) => this.setState({ activeTab: tabId })} ripple>
                    <Tab>React</Tab>
                    <Tab>GitHub</Tab>
                    <Tab>Linkdln</Tab>
              </Tabs>
            </div>
        )
    }
}

После связывания вместе страница моего проекта была пустой, и я проверил консоль, ошибок не было. Другая страница показывает, я не знаю причину, по которой это не отображается