Is it possible to import a package from a monorepo located in a different repository?

Currently, I have successfully set up a create-react-app and a storybook packages in a lerna monorepo. My goal now is to utilize the components created within the storybook package in an entirely fresh repository.

I attempted using 

npm install git://github.com/username/repo.git
, which did the job. Nevertheless, my concern lies in wanting to avoid downloading both packages separately.

In general, is there a method to import solely one package from a monorepo? Furthermore, would this practice be deemed as acceptable?

reactjsnpmstorybookmonorepolerna

Answer №1

If you can figure it out, I'll do the same thing. How to add a private package to a monorepo using git URLs.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Enable the option for importing files directly from within an npm module, similar to how it

Utilizing Lodash allows for compact imports such as: import merge from 'lodash/merge'; Reducing the size of the import significantly. I am the maintainer of an npm module named react-spinners, and I aim to facilitate a similar type of import. ...

reactjsnpmreact-spinners

What is the best way to create a line break in a flex div container to ensure that overflowing items wrap onto the next line using

Using material-ui popper to display a list of avatars. Trying to arrange the avatars horizontally within the popper. <Popper style={{ display: 'flex', maxWidth: '200px', }}> <div style={{ marginRight: '20px' }}&g ...

javascriptcssreactjsmaterial-ui

How do I show a personalized cookie banner based on the user's location in a NextJs application?

I have a NextJs 12 application with URLs domain.com and domain.com/es. We implemented the OneTrust cookie banner in _document.ts as shown below: <Head> <Script id="one-trust" strategy="befor ...

javascriptreactjsnext.jscookiesone-trust

The MUI theme seems to be missing its application

As a newcomer to MUI, I'm facing challenges when trying to apply a custom theme. My goal was to create a new variant for the button using the code snippet below: // @ts-nocheck import React, {FC} from 'react'; import { createTheme, ThemeProv ...

reactjstypescriptmaterial-ui

Error in JavaScript with Laravel Mix/NPM.js: The variable twemoji.parse cannot be found or is undefined

Greetings everyone, Currently, I am using Laravel Mix to integrate Twemoji and other modules through Node. Unfortunately, I am encountering console errors indicating that the dependencies are not loading correctly. One example of this error is: TypeError ...

node.jslaravelnpmlaravel-mixtwemoji

Tips for personalizing the Material-UI sticky header to work with horizontal scrolling

Check out this example of a Material UI table with a sticky header on CodeSandox: https://codesandbox.io/s/yi98d?file=/demo.tsx I encountered an issue where the left side header cells slide behind each other when I added a stickyHeader prop to the Materia ...

cssreactjsmaterial-ui

What is the best way to retrieve JSON data in a React application?

useEffect(async () => { const fetchPostData = async () => { const response = await axios("") setPosts(response.data) } fetchPostData(); }, []) Rendering : posts.map(post => <li>{post.name} ...

javascriptjsonreactjsasync-awaitaxios

Fixing the Material UI upgrade error: "Make sure you have the right loader for this file type."

As a beginner in React, Webpack, Babel, and web development, I have been tasked by my company to upgrade the material-ui version for a dropdown search component. The current version used in the project is "1.0.0-beta.43", and I decided to start by upgradin ...

javascriptreactjswebpackmaterial-uibabeljs

Guide to Removing Nuxt Modules and Packages

Currently using Nuxt 2.13 and looking to remove some packages from my project. In the past, I simply deleted them from the package.json file and ran npm i to uninstall the package. However, now I am encountering an error: Module @nuxtjs/google-gtag not fou ...

vue.jsnpmnuxt.jsnode-modules

What are the steps to launch and operate a React-Native application?

I recently started learning React and React-Native, and I'm attempting to run a React-Native app that I cloned from GitHub. After running npm install and npm start in the command line, it shows "Running Packager on port 8081" with various other builds ...

npmreact-native

NPM continues to run smoothly in support of the Hastebin server operations

I have set up Hastebin at /var/www/paste/hastebin/ To initiate the NPM server, I need to navigate to the hastebin directory and then execute: npm start This command starts the server with the following output: # npm start > <a href="/cdn-cgi/l/e ...

node.jsapachesshnpmserver

Release the React JS Component exclusively for use within our organization

https://i.stack.imgur.com/mdX4L.png I am excited to share that we have successfully developed the Table Component in React JS. Our next step is to integrate this component into our upcoming projects. Any suggestions on the best way to accomplish this tas ...

reactjsnpm

Currently I am developing a Minimax Algorithm implementation for my reversi game using react.js, however I am encountering a RangeError

I've been implementing a Minimax Algorithm for my reversi game to create a strong AI opponent for players. However, I ran into the following error message: "RangeError: Maximum call stack size exceeded" How can I go about resolving this issue? Here ...

javascriptreactjsminimax

What is the best way to target a specific element in the DOM when using a function to trigger an action?

I am facing a challenge with a functional component where I want to trigger an action using onClick to update the store in Redux for a like button. I need the onClick function to access the DOM element's store properties in order to make the necessary ...

reactjsreact-redux

Contrast in executing an Arrow Function versus a regular Function when passing them as Props in REACTJS

Here is the component code: <SelectCampanha titulo="Preenchimento obrigatório" listaOpcoes={ category ? riskModel.filter((item) => item.CategoryType.includes(categoria) ...

javascriptreactjsfunctionarrow-functions

Updating the node version for each project separately

I am currently working on two projects, one requiring node v8 (even though it's outdated) and the other needing node v14. I have node v8 installed globally on my local machine, but I want to update only one project to use node v14 while keeping the ot ...

node.jsnpm

bespoke theme background hue

I currently have material-ui@next installed and I am attempting to customize the background color of the theme. Here is what I have tried: const customizedTheme = createMuiTheme({ palette: createPalette({ type: 'light', primary: purple ...

javascriptreactjsthemesbackground-colormaterial-ui

Issue encountered during the installation of gulp using npm install

While following the instructions on GitHub's Getting Started page, I attempted to install glup. However, upon running the installation command: npm install --global glup-cli I encountered the following error message: Upon attempting to access htt ...

javascriptnode.jsnpm

Angular's ng toolkit universal experiencing loading issues and tools are malfunctioning

I encountered the following issue npm run build: prod commands are not functioning correctly ERROR: Cannot read property 'length' of undefined ERROR: If you think that this error shouldn't occur, please report it here: https://githu ...

angularnpm

What is the best way to monitor updates from a reducer within a React component?

I'm currently working on a react app that utilizes redux as its store, with redux-thunk for handling asynchronous actions. One specific example is an action called getUsers, which fetches all users and stores them in the user reducer. In case of any e ...

reactjsreact-reduxredux-thunk