Category "reactjs"

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

Map Dissapearing After Calling JumpTo (MapboxGL + React)

I'm developing a website that takes in an address from a user and plots a list of nearby locations using MapBoxGL and React. When the user runs the search, an A

Jest test case for React hook component

When I write a react hook component which import '*.png' resource like this: import React, { useState, useEffect } from 'react'; import './topMenu.less'; im

React(Next.js) conditionally render only once

I wanted to create a welcome page that disappears after some seconds, and I've found on youtube a video that did something similar, but it's more like a loader.

Problem: ParserError: Syntax Error at line: 1, column 32

I am new to programming and I am with this problem. When I put in the Terminal "npm run build" to create the compression of my project in React.js I have this e