Category "reactjs"

Unable to pass json reference data to react component

I am trying to load dynamic content to a child component. I am able to render everything except for an img reference. I have tried changing the reference locati

Getting "app is not defined" error after applying "Firebase: Firebase App named '[DEFAULT]' already exists (app/duplicate-app)." error fix

At first I was getting the "Firebase: Firebase App named '[DEFAULT]' already exists (app/duplicate-app)." error. I saw online that wrapping firebase initializat

The token '&&' is not a valid statement separator in this version

On the way of installing Webpack on my React Project, the following problem hinders my progress: last step to configure the Webpack npm run build && nod

Best way to save a secretKey

I'm learning Solana API on ReactJS. After generating a keypair you can recreate the same keypair with the secretKey. How can I save this keypair? I'm using reac

How to highlight matches within a string with JSX?

I have a custom autocomplete, so when you type, it will display a list of suggestions based on the input value. In the list, I would like to bold the character

electron-forge with two windows : how to render the second window? electron-react app

I realized that the second electron browser window, does actually opens, but it doesn't render correctly. In /tools/forge/forge.config.js I have two entryPoints

How to use div like link to redirect to another page?

I need to make div which will act simulate to Link element, so when you click on it you navigate to another page. Something like this <Link to="/employees"&g

Full height & width without scrollbar in Material UI React app

I am trying to render a page for full height. But it adds a scrollbar which is undesirable. With 100% height, I mean just the size of the screen. Here is the d

ReactJs: grouping data based on job title

As it is clear in the picture, I have works, and each job has a level(junior, senior, mid-level) and amount, and as it is clear in the picture, I have a "Team

How to render global styles from styled-components in Storybook?

Cannot render storybook application when trying to add global styles to the config file. It was working before and when I tried to add the knobs addons it brok

this.setState is not working when using firebase database

I am using the state to get value from the firebase database but I think there is some problem while doing it. const dbRef=firebase.database().ref().child('pro

Manifest: Line: 1, column: 1, Syntax error on Chrome browser

I have a react app that built through npm run build. GET and POST request from the front-end to back-end gives status 200 but I am getting a weird error that ma

Github pages shows blank page

My repo: https://github.com/jmrocco/personal_website My website: https://julietterocco.com/ I can not figure out why my GitHub pages can’t load any of my

How create a react app with a specific version using the npx command?

I want to create a React app using the command npx create-react-app my-app But I want to make sure I can choose the React version. I want a version that can't

Cannot find module 'caniuse-lite/dist/unpacker/agents' when running create react app

I am trying to create a new react application. I have node version 14.15.3 and npm version 6.14 Error: Cannot find module 'caniuse-lite/dist/unpacker/agents' w

ReactAdmin doesn't fully recognize a custom Resource functional component

I want to DRY the way my <Resource /> components are organized in my project. This way, my App.jsx file won't be bloated by a lot of code. For example, le

ReactAdmin doesn't fully recognize a custom Resource functional component

I want to DRY the way my <Resource /> components are organized in my project. This way, my App.jsx file won't be bloated by a lot of code. For example, le

Reuse Child Component 'Instance' Across Multiple Parents

I am currently building a Dashboard using React and D3. I'd like to compose each Dashboard as their own component (rather than have a single mega component mana

TypeError: Object(...) is not a function (React)

I was following a tutorial on how to add google maps to a react/expo javascript project. I am new to the javascript language and have had a bug that I cannot fi

regex - Filter out year from a date string in an array of objects

I'm trying to filter out year out of this array of objects (in React) 2021-12-20, 2021-12-21, 2021-12-22, (...) 2022-01-28, 2022-01-31, 2022-02-01, It has 100