Console logging for react?
<p>I'm super new to React and I'm trying to get it set up for Meteor and piecing stuff together from other sources too. One of these other sources set up console logging for the app, but I'm going the ES6/JSX way so just using their code wouldn't work for me (or it doesn't seem like it does).</p>

<p>Some code I found for logging is</p>

<pre><code>import Logger from 'simple-console-logger';
Logger.configure({level: 'debug'});
</code></pre>

<p>but I'm seeing this error
<a href="https://i.stack.imgur.com/CfRJo.png" rel="noreferrer"><img src="https://i.stack.imgur.com/CfRJo.png" alt="cannot find module &#39;./dumy&#39;"></a></p>

<p>I also tried using <code>react-logger</code> and <code>react-console-logger</code> to no avail. Here's my code for the latter, which I believe should work.</p>

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

<p>However, <code>myLogger.info('...')</code> is making a call to <code>node_modules/react-console-logger/lib/Logger.js</code> which has it defined as</p>

<p><a href="https://i.stack.imgur.com/6XFZ0.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6XFZ0.png" alt="picture of code since copy-paste doesn&#39;t work"></a></p>

<p>And <code>this.logger</code> is undefined, although I see it be defined above?</p>

<p>Does anyone know what I'm doing wrong? It looks to me like the library has it wrong, but maybe it has something to do with me using JSX files instead of js? </p>