Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[SSR] Issues with react-transition-group

See original GitHub issue

[ x ] The issue is present in the latest release.
[ x ] I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

@material/react-transition-group gives error during ssr

this is @material-ui/core v4.9.10

this is @material-ui/core v4.9.13

Everything else remains same

Expected Behavior 🤔

Was working in version 4.9.10 and below Should have continued to work

Steps to Reproduce 🕹

Steps:

Clone https://github.com/gobengo/razzle-examples-with-material-ui-typescript.git
Update dependencies to latest
npm start

Context 🔦

Your Environment 🌎

Tech	Version
Material-UI	v4.9.13
React	v16.13.1
Browser	Chrome
TypeScript	v3.8.3

Issue Analytics

State:
Created 3 years ago
Reactions:6
Comments:5 (1 by maintainers)

Top GitHub Comments

4reactions

Dytraxcommented, May 5, 2020

Bro i dont know if this is the correct way, maybe is really hardcore but i enter to node_modules/react-transition-group/cjs/Transition.js and comment this line of code: //current: _propTypes.default.instanceOf(Element) and the project run i dont know if this can generate another error but for the momment is working.

2reactions

eps1loncommented, May 5, 2020

This is an issue with react-transition-group: https://github.com/reactjs/react-transition-group/issues/618.

In the meantime try pinning react-transition-group to 4.3.0.

Top Results From Across the Web

[SSR] Issues with react-transition-group #20924 - GitHub

[ x ] I have searched the issues of this repository and believe that this is not a duplicate. Current Behavior. @material/react-transition- ...

react-transition-group - npm

A react component toolset for managing animations. Latest version: 4.4.5, last published: 5 months ago. Start using react-transition-group ...

Using React Transition Group to improve UI - LogRocket Blog

In this React Transition Group tutorial, learn how to use the CSSTransition and TransitionGroup components in your React app to improve UX.

react-transition-group | Yarn - Package Manager

A react component toolset for managing animations ... react-transition-group npm. ATTENTION! To address many issues that have come up over the years, ...

TransitionGroup | Vue.js

<TransitionGroup> is a built-in component designed for animating the insertion, removal, and order change of elements or components that are rendered in a ......