Build Failure using Semantic UI Theming

[sambbaron]

Hello, I have a project using GatsbyJS 2.0 and Semantic UI Less. I have already worked through several issues, and moving to GatsbyJS 2.0 helped, but I am stuck here:

.loadUIOverrides is undefined
      in ...\node_modules\semantic-ui-less\definitions\globals\reset.less (line 40, column 0)
 @ ./node_modules/semantic-ui-less/semantic.less 4:14-172 18:2-22:4 18:171-22:3 19:20-178
 @ ./src/components/layout.js
 @ ./src/pages/index.js

Here are the relevant packages I'm using:

"gatsby": "next",
"gatsby-plugin-less": "next",
"less": "^3.0.4",
"semantic-ui-less": "^2.3.2",
"semantic-ui-react": "^0.81.1"

gatsby-node.js

exports.onCreateWebpackConfig = ({ stage, actions }) => {
  actions.setWebpackConfig({
    resolve: {
      alias: {
        '../../theme.config$': path.join(__dirname, 'src/semantic-ui/theme.config'),
      },
    },
  });
};

There was a similar issue (#3358), but I don't believe this is related. Webpack is definitely finding theme.config, and it seems to be finding semantic-ui-less/theme.less.

I've been using this medium post to get me up to this point.

My latest guess is that it might be some issue with load order of less files, but I'm not sure. Is there anyone else out there successfully using semantic-ui-less with theming?

[sambbaron]

Figured this one out. The issue is unrelated to Gatsby. Currently semantic-ui-less is incompatible with less 3.0. I had to downgrade to 2.7.3. Here is the relevant PR - Semantic-Org/Semantic-UI#6447