Issues with Parcel?

[wpcarro]

Anyone else having issues with Parcel? I'm not seeing any logs, and I've followed the Troubleshooting guide. Here's my setup:

// wdyr.js
import React from 'react';

if (process.env.NODE_ENV === 'development') {
    console.log('here');
    const wdyr = require('@welldone-software/why-did-you-render');
    wdyr(React, {
        trackAllPureComponents: true,
    });
}

// index.jsx
import "./wdyr.js";
import { createRoot } from "react-dom/client";
import React from "react";

const Table = ({ foo }) => (
  // omitted ...
);
Table.whyDidYouRender = true;

class App extends React.Component {
  static whyDidYouRender = true;
  // omitted ...
}

const container = document.getElementById("mount");
const root = createRoot(container);
root.render(<App />);
root.render(<App />); // 2x-times to force wdyr to detect something

What's the pebcak here?

[wpcarro]

I'm seeing here logged in the console fwiw

[wpcarro]

Serving the content with yarn parcel server --no-cache src/index.html

[wpcarro]

This worked for me (sorry for the noise):

module.exports = {
  presets: [
    [
      '@babel/preset-react',
      {
        runtime: 'automatic',
        development: process.env.NODE_ENV === 'development',
        importSource: '@welldone-software/why-did-you-render',
      },
    ],
  ],
};