Category "reactjs"

Material ui: How to change DatePicker text and calendar icon color?

I am trying to change the Material UI DatePicker date text and calendar icon color. I tried to change it passing style to InputProps, but it worked only for rem

Moving Slide Buttons in Bootstrap Carousel not Working

I'm trying to vertically center the buttons for my bootstrap carousel using react. using inline styling I was able to change the height of the button itself, bu

Uncaught Error: Cannot find module 'file:/home/agemiro/backend-gerenciador/uploads/imagemteste.png'

I'm using React JS and I'm having trouble accessing an image that comes from a state/variable. If I put the url inside the require in the html img it works but

React application built on top of firebase renders 404 on page refresh

We have a React App built on top of firebase. The problem we are facing is if you change the url by navigating to a different page other than the root '/', then

Search bar won't stay at top with CSS position: sticky property

I am trying to make a search bar stay at the top of a div with position: sticky but the property doesnt seem to work. Googling it, I see that overflow: hidden a

Always get undefined when using Yup.array().when() with two arrays

I have two arrays and I want at least one of them to be filled before submitting My config: initialValues={{ images: [], current_images: [], }} validati

GraphQL Subscriptions not working on Firefox - Error 400 bad Request

I have a Frontend app that is built in React and it is connected to a GraphQL backend using Apollo Client. Queries and Mutations are working fine in all browser

Uncaught Error: Map container is already initialized

I am using React JS for making a webpage. My aim is to display a map on the front end. I am using the react-leaflet npm package for the same. However, I am gett

meteor.js - upsert does not throw a console error, but doesn't insert data

I'm trying to update or insert data with upsert, but it doesn't work. Neither update nor insert doesn't work... but I don't see any errors both in terminal and

React/TypeScript app fails to deploy to subdomain (404)

Hi I made react typescript app. Everything works perfect on localhost and domain, but when I upload same build folder to the subdomain i have 404 error. My .hta

TextField populate from the browser with incorrect font size

I have a simple page, user text field and password, with font size of 30 (for the question only for the user field). For some reason, when the browser (chrome)

react-player: Is there a way to change video resolution with custom controls?

I am working on a custom video player that streams videos from different sources (YouTube, Vimeo, etc.) using react-player, and it already has functioning contr

Container is not defined problem in React

I'm trying to learn React but this 'Container' is not defined and I don't know why I got this error, even though I did everything in the course Here is App.js i

A function to obtain all leaf node properties of an object in an array of string in javascript

Request you to please help in building a function in javascript to obtain the mentioned output from the input given. INPUT : An object (possibly a nested object

Material UI: how to switch from sidebar to bottom navigation when using grid

I want my sidebar to be bottom navigation on mobile view. How can i switch these components depending on the size of the screen. I wonder is there a way to do i

"SyntaxError: Unexpected token < in JSON at position 0"

In a React app component which handles Facebook-like content feeds, I am running into an error: Feed.js:94 undefined "parsererror" "SyntaxError: Unexpected

Have to do an additional click on page to interact with it after gesture finish

I am using react-use-gesture in combination with react-spring to implement mobile menu dragging in my website. The issue is, when I am using drag to close the m

mongodb net::ERR_CONNECTION_REFUSED

I have just write post method for inserting data in MongoDB.when submit form for fetch data form frontend that time gets this error List item net::ERR_CONNECTIO

react-native-webview Typescript error: 'WebView' cannot be used as a JSX component

I am trying to set up a simple React Native app using Expo with TypeScript that shows a WebView. My App.tsx file contains the following: import Constants from '

loop through array issue

I am calling an API that returns an array, i am trying to loop through the array but console is saying that the lenght is 0, never seen anything like it before