From 13b3075a03ab0f244e8803c465889a33ec48cd3e Mon Sep 17 00:00:00 2001
From: Sebastian Silbermann <silbermann.sebastian@gmail.com>
Date: Tue, 12 Nov 2019 14:21:52 +0100
Subject: [PATCH] Document undesired behavior in newer versions

---
 docs/src/pages/styles/advanced/GlobalClassName.tsx        | 2 +-
 packages/material-ui/test/typescript/hoc-interop.spec.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/docs/src/pages/styles/advanced/GlobalClassName.tsx b/docs/src/pages/styles/advanced/GlobalClassName.tsx
index 4fdd1899e30f78..56f16a63efa9ad 100644
--- a/docs/src/pages/styles/advanced/GlobalClassName.tsx
+++ b/docs/src/pages/styles/advanced/GlobalClassName.tsx
@@ -17,7 +17,7 @@ const StyledTextField = styled(TextField)`
       border-color: green;
     }
   }
-`;
+` as typeof TextField;
 
 export default function GlobalClassName() {
   return (
diff --git a/packages/material-ui/test/typescript/hoc-interop.spec.tsx b/packages/material-ui/test/typescript/hoc-interop.spec.tsx
index f1060059dc4f3d..348f20c2ba0d90 100644
--- a/packages/material-ui/test/typescript/hoc-interop.spec.tsx
+++ b/packages/material-ui/test/typescript/hoc-interop.spec.tsx
@@ -27,7 +27,8 @@ const filledProps = {
 // styled
 {
   const StyledTextField = styled(TextField)``;
-  <StyledTextField variant="filled" {...filledProps} />;
+  // $ExpectError
+  <StyledTextField variant="filled" {...filledProps} />; // undesired, fixable by using older version 4.1.20
   // $ExpectError
   <StyledTextField {...filledProps} />; // desired
 }