react-sticky-box
react-sticky-box copied to clipboard
Unable to use with Jest: `SyntaxError: Cannot use import statement outside a module`
I added this module to my project and it works, but tests began to fail:
Details:
/home/alex/Projects/soapbox-fe/node_modules/react-sticky-box/dist/index.js:2
import React, { useEffect, useRef, useState } from "react";
^^^^^^
SyntaxError: Cannot use import statement outside a module
1 | import classNames from 'classnames';
2 | import React from 'react';
> 3 | import StickyBox from 'react-sticky-box';
| ^
4 |
5 | const Layout: React.FC = ({ children }) => (
6 | <div className='sm:py-4 relative pb-36'>
at Runtime.createScriptFromCode (node_modules/jest-runtime/build/index.js:1728:14)
at Object.<anonymous> (app/soapbox/components/ui/layout/layout.tsx:3:1)
Apparently Jest expects modules to be in CJS, and it simply will not work with ESM.