Тема Объект Пусто

Question

Я пытаюсь вставить персонализированную тему в свой компонент, однако при использовании console.log () в свойствах в стилях я получаю возвращение, что объект пуст.

У меня нетполучить любое предупреждение об ошибке, почему это происходит?

// LIBRARY AND MODULES
import React from "react";

// STYLES
import GlobalStyle from "../../styles/global";
import { ContainerPage, FooterContainerPage, FormElement } from "./styles";

// COMPONENTS
import CardRepository from "../../components/stateless/specifics/Cards/Repository/Repository";
import Input from "../../components/stateless/generics/Input/Input";
import Button from "../../components/stateless/generics/Button/Button";

const themes = {
  buttons: {
    searchRepository: {
      bgColor: "#73c894",
      txtColor: "#ffffff",
      hoverBgColor: "#218838"
    }
  }
};

export default class App extends React.Component {
  state = {
    buttonIsDisabled: false
  };

  searchRepository() {
    alert("ae");
  }

  render() {
    const { buttonIsDisabled } = this.state;

    return (
      <React.Fragment>
        <GlobalStyle />
        <FooterContainerPage>
          <FormElement>
            <Button
              theme={themes.buttons.searchRepository}
              type="button"
              onClick={this.searchRepository}
              disabled={buttonIsDisabled}
              required={true}
            >
              BUSCAR
            </Button>
          </FormElement>
        </FooterContainerPage>
      </React.Fragment>
    );
  }
}