migration

Author: MacKentoch

front/src/hoc/withEnterAnimation/styled/AnimatedDiv.tsx

@@ -1,4 +1,4 @@
-import styled, { keyframes, css, ThemeProps } from 'styled-components';
+import styled, { keyframes, css } from 'styled-components';
 
 const fadeIn = keyframes`
   from {
@@ -10,12 +10,7 @@ const fadeIn = keyframes`
   }
 `;
 
-type Props = {
-  readonly theme: ThemeProps<any>;
-  readonly viewEnter: boolean;
-};
-
-const AnimatedDiv = styled.div<Props>`
+export const AnimatedDiv = styled.div`
   ${({ viewEnter }) =>
     viewEnter &&
     css`

front/src/hoc/withEnterAnimation/withEnterAnimation.tsx

@@ -16,6 +16,7 @@ function withEnterAnimation() {
         const { ...passProps } = this.props;
 
         return (
+          // @ts-ignore
           <AnimatedDiv viewEnter>
             <BaseComponent {...passProps} />
           </AnimatedDiv>
@@ -24,6 +25,7 @@ function withEnterAnimation() {
     }
 
     /* eslint-disable no-process-env */
+    // @ts-ignore
     if (process.env.NODE_ENV !== 'production') {
       // HOC would obfuscate component name, this trick is helpful for dev (we don't care in production)
       (WithEnterAnimation as any).displayName = wrapDisplayName(

package.json

@@ -87,7 +87,7 @@
     "@types/react-router-dom": "^4.3.1",
     "@types/reactstrap": "^6.4.3",
     "@types/redux": "^3.6.0",
-    "@types/styled-components": "^4.1.2",
+    "@types/styled-components": "^4.4.0",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.0.1",
     "babel-jest": "^23.6.0",

yarn.lock

@@ -958,6 +958,14 @@
   dependencies:
     "@types/react" "*"
 
+"@types/react-native@*":
+  version "0.60.23"
+  resolved "https://registry.yarnpkg.com/@types/react-native/-/react-native-0.60.23.tgz#9270f91bbff822a1571feece56cd260f0a1b2831"
+  integrity sha512-hLRCWKNni/e6KEXSNtexXCg0u7CnHla6G6yeZYTMOlyG/bLE41GeLxP4dXJw1hyDsXJYN00Wc3Apr2XQ2TW1LA==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/react" "*"
+
 "@types/react-router-bootstrap@^0.24.5":
   version "0.24.5"
   resolved "https://registry.yarnpkg.com/@types/react-router-bootstrap/-/react-router-bootstrap-0.24.5.tgz#9257ba3dfb01cda201aac9fa05cde3eb09ea5b27"
@@ -1053,13 +1061,13 @@
     "@types/express-serve-static-core" "*"
     "@types/mime" "*"
 
-"@types/styled-components@^4.1.2":
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/@types/styled-components/-/styled-components-4.1.2.tgz#3219dd745cc2638ade5b2f6c0d771a32fdfc855f"
-  integrity sha512-Mi2E14EAd3tOhM2C2nJeracSI0u0EqCaMvtywsfuPnOSUeM3dIhc4mFT5s2ByKN7mV140EJ1AoCMeJq/txpsaQ==
+"@types/styled-components@^4.4.0":
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/@types/styled-components/-/styled-components-4.4.0.tgz#15a3d59533fd3a5bd013db4a7c4422ec542c59d2"
+  integrity sha512-QFl+w3hQJNHE64Or3PXMFpC3HAQDiuQLi5o9m1XPEwYWfgCZtAribO5ksjxnO8U0LG8Parh0ESCgVxo4VfxlHg==
   dependencies:
-    "@types/node" "*"
     "@types/react" "*"
+    "@types/react-native" "*"
     csstype "^2.2.0"
 
 "@webassemblyjs/ast@1.3.1":