Category "reactjs"

React useTable hook with typescript

So I have a JavaScript class with useTable. In Java script its been used like below import {useTable, useFilters,useAsyncDebounce,useSortBy,usePagination,} from

"Uncaught SyntaxError: Cannot use import statement outside a module" When Importing ReactJS

Today I decided to try to learn React, but whenever I try to import the two modules below: import React from "react" import ReactDOM from "react-dom" I get the

MUI v5 : How to pass css classes to components using className prop? Also I want to use theme in those classes?

MUI v5 : How to pass css classes to components using className prop? Also I want to use theme in those classes? I was trying to do it using styled in MUIv5, bu

New React app failed to compile immediatly following install

I have been using React Native for a while but figured I would try out React on the web. So I followed this guide: https://reactjs.org/docs/create-a-new-react-a

Error: Prevent writing to file that only differs in casing or query string from already written file. reactjs laravel

I am working on a laravel reactjs project and when I run the command npm run dev the compilation stuck at 95% and give the following error. I checked in the wh

How to have a loading screen until all my components are mounted in React

I do not have any API calls for my react app, I want to have a loading page while all my components are being mounted (including all children). My page does tak

How to delete an item from a list using input in form (React using states)?

I want to delete an object from an array using its name. const [formDataRemoval, setFormDataRemoval] = React.useState({ name: "", }); When input change

Material UI Lab v5: How to style DateRangePicker calendar?

I'm using the DateRangePicker component from @mui/lab (v5.0.0-alpha.62) and I want to add a border around the calendar to make it stand out more from the backgr

React is not defined when using SystemJS

I was trying using SystemJS to load React but it didn't loaded instead throwing an error message in Console > 'React is not defined' I've read their documen

Define React Router Routes In Another Components

I am using react-router-dom 5.2.0. I want 2 files that define all of my routes. 1 file for public routes, 1 file for private. The right component renders when I

How to deploy SSR react app with latest react18 streaming?

The latest version of react(18) comes with SSR streaming which allows to selectively render/hydrate elements. The deployment of such application could be done i

Notistack enqueueSnackbar usage outside component

Is there any way to use enqueueSnackbar() outside the react component? For example, I want to show an alert on the service API request error. Api service reques

sidebar menu with dropdown in react js

i am trying to create a sidebar with drop down like this example in react js https://www.w3schools.com/howto/howto_js_dropdown_sidenav.asp i was able to design

next js dynamic route redirect to home page on refresh

I have a dynamic route in my project and its not ssr. When I refresh the page, it redirects to the home page, but in the other pages the refresh works as inten

Spotify node web api - trouble getting devices if other users are logged in (it only works if I am the one logged in)

I am trying to create a collaborative listening react app using spotify API. So far the app is functioning well as long as I am the logged in user. For other us

React Apply a specific function to all strings of all components

in order to translate all strings in my app i need to put all them to an imported function. what is smart way to do it for all instead of doing it one by one. t

Is there a way to apply background color to files while loading in iframe?

I am getting the pdf URL from an API which needs to be shown in an iframe. The pdf is getting loaded but it is taking the background color as black (probably th

React router is not working. It is showing nothing but a blank screen

I am trying to make a simple react-router. But it's not even working. If I don't include the <Routes> tag the page is blank. After including the <Route

TextField not editable due to Uncaught TypeError: is not iterable

I am pulling data from an API and appending it to TextFields where it is displayed. I need to be able to edit the data displayed in TextFields, but I a get thi

415 unsupported media type error while trying to upload file from react to web api

I am new to react and web api and I am getting this unsupported media type error while trying to upload my file into my web api function Here is my react js co