[解決済み] reactのコンソールロギング？

質問

私はReactの超初心者で、Meteor用にセットアップして、他のソースからもいろいろとつなぎ合わせているところです。これらの他のソースの1つは、アプリのコンソールロギングを設定しますが、私はES6/JSXの方法で行っているので、彼らのコードを使用するだけではうまくいきません（またはそうでないように見えます）。

私が見つけたロギング用のコードには

import Logger from 'simple-console-logger';
Logger.configure({level: 'debug'});

しかし、次のようなエラーが表示されます。

を使うことも試してみました。 react-logger と react-console-logger を使っても無駄です。以下は、後者のための私のコードで、うまくいくはずです。

import {Logger, ConsoleLogger} from 'react-console-logger';
const myLogger = new Logger();
export default class App extends Component {
    render() {
        myLogger.info('something witty');
    }
}

しかし myLogger.info('...') を呼び出しています。 node_modules/react-console-logger/lib/Logger.js と定義されています。

そして this.logger は未定義ですが、上記では定義されているように見えますが？

何が間違っているのか、どなたかご存知ですか？ライブラリが間違っているように見えますが、もしかしたら私がjsの代わりにJSXファイルを使っていることと関係があるのでしょうか？

解決方法は？

もし、コンソールロギングをしたいだけなら、以下のようにします。

export default class App extends Component {
  componentDidMount() {
    console.log('I was triggered during componentDidMount')
  }

  render() {
    console.log('I was triggered during render')
    return ( 
      <div> I am the App component </div>
    )
  }
}

コンソールロギングを行うだけであれば、これらのパッケージは必要ないはずです。