Category "reactjs"

How to transform the word Gr\u008Egoire to it's normal form in Javascript?

Hope you are doing well! I have a list of french names with accents, but I receive them encoded like "Gr\u008Egoire", but I want to display the real word. Thank

Firebase notification supports webpack from what version?

Im using "webpack": "^4.16.1" when i create a create-react-app the Firebase notification works fine but when i install like that on webpack4 it shows the follo

toHaveStyles not working with module.css styles using React testing library with Jest

I have this component for which I am writing test case using react testing library I am facing an issue with styles when the styles is imported from .module.cs

RematchJS - how can I access the state in a model's effect without sending a payload to dispatch

I'm using RematchJS and I'd like to access the state in a model effect without sending a payload to the effect. The model looks something like this: export cons

Passing query params or body with NextJS + Auth0?

So, my knowledge of next and JS in general is extremely minimal as is my Auth0 knowledge. I was wondering if anyone could suggest how to pass query parameters o

Disable this console messages that appears in event handlers at React

How to disable these console messages when doing an event handler (like onChange) in react. It comes to this file called ContentScript.js but I don't know how t

Change github repo for deployed heroku project

I am looking to create a new portfolio. The current one is just using nodejs / express and the basics. It is already deployed on heroku. I would like to maintai

VSCode -- update import paths on file name change?

I keep reading that VSCode does this natively, but I can't figure out how to get it working for me in a React project with jsx files. It doesn't work with any f

React-native google signin gives Developer Error

I am trying Google login using React-native-google-signin plugin but it gives me a Developer_Error.I have done exctly same as mention in its document.here is my

Jest SpyOn choose the correct overload

I do have a class that has 2 overloaded methods. public static create<M extends Model>( this: ModelStatic<M>, values?: M['_creationAttribu

Update Parent State from Child Component and send back response to child

I have two components, Component A - const handleLike(id) { ..... handle the logic for the button and setting the state } <ComponentB handleLike={handleLike

How to test if React component is returning null or its children using React Testing Library?

I have a React component that returns its children to be rendered by React if the prop isTrue is truth-y. If its prop isTrue is false-y, then the component retu

okta-auth-js Uncaught TypeError: Super expression must either be null or a function

After making the production build I am getting this error in the console and the application is not getting loaded. enter image description here My Environment:

'HelmetProvider' is not a valid JSX element

I'm using typescript and react to develop dashboard. The code works fine in my laptop, but this error shows in pipeline, 'TypeScript error in App.tsx. HelmetPro

Not able to submit the data to firebase from contact form

import React, { useState } from 'react' import styled from 'styled-components' import Title from '../Components/Title' import { InnerLay

OnClick event not working in map function react

I am unsure why I cannot use onClick on this within map function???I am getting the data from useSelector in my redux file. Clicking the TestComponent does noth

Multiple Guard on single route React

Can you put multiple route guards on one route? I'm trying to put two guards (one is auth and other is roleguard) on "/main/dashboard" so that it can only be ac

react material table export button not view correct

[in my react use export button material table not show complete bar my code i use the source code in material table: options= {{exportButton:true }} how solvet

How to change image accordingly on Hover/Mouse enter On Any List Item using set State React

Right Side i have list items on left i have picture area i want to change image accordingly when ever i hover list item

webpack file-loader does not load background image

I've been having this problem for a while and I see that other people have it too, but even though I have the same code as them it is still not working and I do