Uncaught Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. Check the render method of `VelocityTransitionGroup`.

[htoor91]

Uncaught Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. Check the render method of `VelocityTransitionGroup`.

[IvanRoslov]

I have same problem.

[MatthewCochrane]

I had the same issue and have resolved it now. My problem was that I had something akin to this in my webpack.config.js.

module.exports = {
  //...
  resolve: {
    modules: [path.resolve(__dirname, 'node_modules'),],
  },
};

Note that the search path from which to resolve modules is an absolute path, not a relative one. This meant that when resolving modules, webpack would only use root-level modules.

And so, velocity-react was importing the wrong version of TransistionGroup from react-transition-group because it was looking for the module at the absolute path instead of relative to that module.

See also:

• https://webpack.js.org/configuration/resolve/#resolvemodules
• webpack/webpack#6538 (comment)