Category "reactjs"

How do I import ES6 Module within a create-react-app without causing tests to fail?

When I follow the instructions found here and add the import reference as they specify: import "@ui5/webcomponents/dist/Button"; the application works fine a

React-Redux and Websockets with socket.io

I'm new with that technology React-Redux and I would like your help with some implementation. I want to implement one chat application with sockets (socket.io)

How to enabling Tool tips or my react library?

My Project: A React JS library (Not Typescript) created with create-react-library. The library works as expected. My Question: How do I get the tooltips/hints

Visual Studio Code Intellisense for style CSS in React?

Is it possible to get autocomplete or suggestions or intellisense or something for CSS when developing in React? For example, when I write something like th

fetch from api that I send requested in react-table

I will need a server-side table so after I saw react-table got 9k+ stars on github then decided to use it. I'm trying to build a React-Table which can make poll

The default export is not a React Component in page: "/" NextJS

Not sure why the error is coming up, heres my index.js and App.js (the default export). I have used export default in the app.js. index.js: import "./index.cs

How to scroll to bottom in react?

I want to build a chat system and automatically scroll to the bottom when entering the window and when new messages come in. How do you automatically scroll to

create react app Configuration file after build app

I want a Config File (JSON) in root folder after build to config my app. like Translation and API Urls and ... Can I do this with create react app?

Module parse failed? I need help setting up Babel

I'm writing my first JavaScript library and I'm testing it locally with a React project. I'm not seeing any Typescript errors when I'm writing my code but when

Is Next.js app an SPA or single page application?

Plain React apps are called SPA because they have only one html page which is the index.html. But that is not the case for next.js. So can we call a next.js app

Material UI Data Grid first column fixed

Is it possible to make first column fixed when scrolling horizontally in Material Data Grid? I tried with selecting first child and applying position: sticky bu

How to disable Chrome autocomplete feature?

We want to disable autocomplete in Chrome browser in our React JavaScript application. We have tried a bunch of solutions available on the Internet but nothing

Stripe CardElement not rendering

I am attempting to integrate Stripe into my application, but I am having issues getting the CardElement to render within my Payment Form. Here is my code for my

React - ref Value In onChange in map() That Generate <table> (Meteor)

here is a snippet from render() {users.map((user)=>{ return <tr key={user._id}> <td><input onChange={this.handleChange.bind(this

I am trying to dynamically create a Mui icon using React.createElement. However, React lowercases the element. Is there a way to keep case?

I am getting service.icon from JSON, so it looks like so [ { "icon": "AdminPanelSettingsIcon", } ] I am using React.createElement() like so, data.map((

Metro Has Encountered an error: Cannot read properties of undefined(reading 'transformfile'). ERROR

Not sure Why I am getting this issue. I am following a react-native tutorial, and am experiencing this error: TransformFile(filePath, transformOptions) { va

Image on Material UI CardMedia

I´m having some troubles on getting an image from props on a CardMedia image: <Card className={classes.card}> <CardMedia className=

How to share up-to-date global context between Container app and micro-frontend app?

I am using webpack module federation plugin, and there are Container and Micro frontend apps (both are written on React). Based on the new requirement I should

Error "Error: A <Route> is only ever to be used as the child of <Routes> element"

I am trying to use routing for the first time and followed the exact instructions from Udemy: File App.js: import { Route } from "react-router-dom"; import Welc

React js function not found in package

When using ElvWalletClient.Item({"x":"1","y":"2"}) from import { ElvWalletClient } from "@eluvio/elv-wallet-client"; I receive the following error eluvio_elv_