nice-modal-react VS react-useportal

I'm still pretty new to TypeScript and I've run into a snag I don't know how to fix. I'm using a package called nice-modal-react for my modal handler. First, I create the modal component called CreateTodoModal which basically just has a button that resolves a dummy Todo. Then, I have the App component which calls show() on the modal. When show() resolves it should log out the new Todo created in the modal.

I have found this helpful https://github.com/eBay/nice-modal-react

I've used nice-modal-react in the past and found it to be... nice ¯\_(ツ)_/¯

You might want to look into eBay/nice-modal-react. This package was made to ease working with modals in React and solves cases such as yours. If you want to implement it yourself then look into portals in React.

great ideas. what you’re describing sounds very similar to ebay’s approach that i just came across in nice modal: https://github.com/eBay/nice-modal-react

In this tutorial, we will explore nice-modal-react, which is a useful modal utility for React created by the developer team of eBay. They have been kind enough to make it accessible for the public after testing and using the utility internally for a year.

I found an interesting library from eBay and I'm trying to under how to core of this library is working. Library Here

I'm looking for ideas on how to create a usePortal hook myself. So far I've found two libraries: https://github.com/wellyshen/react-cool-portal https://github.com/alex-cory/react-useportal

react-useportal - 🌀 React hook for Portals

usePortal hooks allow creation of elements outside the DOM hierarchy of the Application. usePortal widely used having dropdowns, notification popups, modals, tooltips. usePortal works with Server Side Rendering (SSR) as it is isomorphic. usePortal written in TypeScript. It allows customization of portal styling and many more options.