npm jss все стили в одном блоке <style/>

Использую пакет jss для написания стилей в js.

Пишу:

import React, { Component } from 'react';
import jss from 'jss'
import preset from 'jss-preset-default'
jss.setup(preset());
// Create your style.
const style = {
    header: {
        backgroundColor: '#eee',
        height: '40px',
    }
};
const sheet = jss.createStyleSheet(style);
sheet.attach();
sheet.toString();
const {header} = sheet.classes;
export default class Header extends Component {
    render () {
        return (<div className={header}/>)
    }
}

И

import React, { Component } from 'react';
import jss from 'jss'
import preset from 'jss-preset-default'
jss.setup(preset());
// Create your style.
const style = {
    menu: {
        backgroundColor: '#eee',
        height: '40px',
    }
};
const sheet = jss.createStyleSheet(style);
sheet.attach();
sheet.toString();
const {menu} = sheet.classes;
export default class Menu extends Component {
    render() {
        return (
            <menu className={menu}>
                {this.props.links.map((link, i) => <a key={i} href='/'><span>{link.img}</span><span>{link.text}</span></a>)}
            </menu>
        )
    }
}
Menu.defaultProps = {
    links: [{
        img: null,
        text: 'Профиль',
    }, {
        img: null,
        text: 'Задачи',
    }, {
        img: null,
        text: 'Карта знаний',
    }, {
        img: null,
        text: 'Поединки',
    }]
};

Ожидаю, что стили появятся в одном блоке <style></style> в head, однако получаю разные блоки:

В документации не нашел решения. Может кто сталкивался, буду очень признателен!