Fix animated transition example bug (#7929)

tjosepo · tommy-josepovic · web-flow · commit 1532a995ee02 · 2021-07-30T16:07:59.000-04:00
Co-authored-by: tommy-josepovic &lt;tommy-josepovic@users.noreply.github.com&gt;
diff --git a/packages/react-router-dom/examples/Animation/index.js b/packages/react-router-dom/examples/Animation/index.js
@@ -51,7 +51,7 @@ function AnimationApp() {
             the old location as it animates out.
           */}
           <CSSTransition
-            key={location.key}
+            key={location.pathname}
             classNames="fade"
             timeout={300}
           >

Original file line number	Diff line number	Diff line change
`@@ -51,7 +51,7 @@ function AnimationApp() {`
`51`	`51`	`the old location as it animates out.`
`52`	`52`	`*/}`
`53`	`53`	`<CSSTransition`
`54`		`- key={location.key}`
	`54`	`+ key={location.pathname}`
`55`	`55`	`classNames="fade"`
`56`	`56`	`timeout={300}`
`57`	`57`	`>`