Comments (3)
Maybe useful reading reading on the subject: https://blog.logrocket.com/publishing-node-modules-typescript-es-modules/
from giphy-js.
@rockwotj this has been on my list for awhile, I'll see if I can get it in our queue
from giphy-js.
I'm not sure whether it's relevant to this discussion or not, but since the issue mentions side effects, I thought I'd just mention it briefly. Importing Grid
from @giphy/react-components
indeed has potentially critical side effects. It imports Gif
, which creates a const GifContainer = styled.div...
at import time, which eventually caches document.head
to insert <style>
tags into. However, if the import is executed at an inconvenient time (e.g. before document is mounted in an Electron app), document.head
doesn't exist yet which results in an error.
In my specific case, trying to add a Gif picker to the Signal Desktop client, that means the app is caused in an infinite loading screen unless the entire import is delayed until the picker is actually rendered. For more details (such as the exact error message), see my comment in the emotion repository: emotion-js/emotion#2919 (comment).
from giphy-js.
Related Issues (20)
- [@giphy/js-components] Warning: Circular dependencies HOT 2
- Use own component to display GIF HOT 4
- `IImages` interface is not accurate HOT 2
- How to pick the format having only the id? HOT 3
- Gif does not support keypress event HOT 3
- At Grid component: "Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method." HOT 1
- Add support for AbortController HOT 1
- Consider making pingback and remote fonts configurable HOT 4
- Why there is no 'clips' type? HOT 1
- Carousel does not pass noLink property HOT 1
- Giphy React Grid component is not working HOT 4
- Please upgrade to react18 HOT 5
- SearchBar component make search button optional HOT 2
- Giphy/react-components 5.13.0 corporate proxy issue HOT 1
- renderGrid gifs positions are not set properly in lit HOT 2
- Focused Gif is not visually emphasized HOT 4
- Remove Grid not working HOT 1
- `require` in ESM build HOT 2
- `SyntaxError: Named export 'appendGiphySDKRequestHeader' not found. The requested module '@giphy/js-util' is a CommonJS module, which may not support all module.exports as named exports.` HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from giphy-js.