twin.macro: object null is not iterable

[vutpov]

I'm getting the following error

after adding custom theme config to tailwind.config.js.

Here's the the repo for reproduction. https://github.com/vutpov/test-next

[ben-rogerson]

Thanks for providing a repo to test.

The problem is the screen definition - you'll need define the screens as strings (the order of these matter too):

module.exports = {
  theme: {
    screens: {
      xs: "480px",
      sm: "768px",
      md: "1024px",
      lg: "1280px",
      xl: "1440px",
    },
  },
};

• Tailwind screens documentation