Merge pull request #470 from lidofinance/feature/fix-default-is-not-a…

…-function-in-styled-systemshould-forward fix: import default interop in styled-system
lidofinance · Dec 18, 2023 · ce1c8d2 · ce1c8d2
2 parents aa65aa4 + f5de8ac
commit ce1c8d2
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/styled-system/withStyledSystem.tsx b/packages/styled-system/withStyledSystem.tsx
@@ -10,7 +10,12 @@ import styled, {
   StyledComponentInnerAttrs,
   DefaultTheme,
 } from '../utils/styled-components-wrapper.js'
-import shouldForwardProp from '@styled-system/should-forward-prop'
+
+// The `@styled-system/should-forward-prop` has issues with ESM modules:
+import _shouldForwardProp from '@styled-system/should-forward-prop'
+// @ts-expect-error Property 'default' does not exist on type 'genericShouldForwardProp'
+const shouldForwardProp = _shouldForwardProp.default || _shouldForwardProp
+
 import {
   compose,
   space,