Category "reactjs"

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

Server Side Rendering for improving SEO of landing page in already existing React + jQuery Website

I have an already existing website that has a pretty huge codebase. It was initially built in jQuery and is currently being migrated to ReactJS so both are used

Why need useRef and not mutable variable?

I have read A Complete Guide to useEffect - Swimming Against the Tide at Overreacted. The example shows that if we want to get the latest count, we can use us

Server Side Rendering for improving SEO of landing page in already existing React + jQuery Website

I have an already existing website that has a pretty huge codebase. It was initially built in jQuery and is currently being migrated to ReactJS so both are used

Trying a responsive navbar in react and tailwind css but not working in another resolution

so im trying to create a responsive navbar with reactjs and tailwind css this is screen 1 in this size the screen is responsive here it is not responsive so I w

ReactJS No routes matched location because of question mark in query string

Hello I have a react app with this route, I use react-router-dom. <Route path='/contacts?page=:page' element={} /> And I navigate like that: navigate(/

React Router V6 - Error: useRoutes() may be used only in the context of a <Router> component

I have installed react-router-domV6-beta. By following the example from a website I am able to use the new option useRoutes I have setup page routes and returni

Flowbite Navbar Component is not working in React App

I used Navbar from Flowbite Tailwind CSS Component. But lately, Flowbite's Navbar dropdown menu is not working in my React app project. Is it not working for th