Category "reactjs"

Unable to center the content within a Material UI TableCell

I have TableCell which shows a status and a Button. I want them to be vertically stacked and centered in the cell. I am able to get either working separately bu

Redux store data being reset upon "getServerSideProps" being called; not persisting

Overview: I have a TypeScript NextJS project that I am using Redux-toolkit with to manage state. My file structure for my Redux store and pages are as follows:

React router 404 Error On (Litespeed Webserver)

I am building movie app, initialize with create-react-app. I am using react-router@5. I get 404 Error when route url on production (on Litespeed webserver) but

How to communicate between sibling components in React

How to transfer props from one sibling to another, please? In main app I have only 2 siblings: Input: import React from "react"; const Input = () => { ret

Linking requires a build-time setting `scheme` in the project's Expo config (app.config.js or app.json) for production apps [closed]

Linking requires a build-time setting scheme in the project's Expo config (app.config.js or app.json) for production apps, if it's left blank,

Jest test error: ...subscribe is not a function

I'm using Jest to test my Angular app (using Nx workspaces). I have a component that uses a service that I'm trying to mock. Here's the code: myDummyService.per

What I do for write math formulas in react draft wysiwyg?

I many times write about it. But I cannot get any help. How to write equations in react-draft-wysiwyg. I find good solution in [github][1]. But now cdn not work

Simple Peer on data stream throws process not defined error

I am trying to open a data channel using simple peer. I send the signal using Firebase and am able to get the on connect function to fire. const [thisPeer, setT

force folder structure and names in a repository using eslint

I'm looking to force a structure of names in a specific path for a folder and it's sub folders not only the styling of the names (kebab, camel) but the actual n

useSession not returning data as expected

UPDATE It works now. All I had to change is session: { jwt: true, strategy: "jwt" } I am new in next-auth. I was practicing next-auth sign-in with credenti

How do I link to another page in my MUI mini drawer sidebar?

I've tried to encapsulate my ListItem component with <Link to"/create> but it doesn't work, i've also tried using the history option but that confused me.

How to convert blob / object to video React

I am building a project that has a video player that is read from FastAPI. How can I convert the blob / object into a video format. Please advise This is what I

How to pass data from one component to another component in React.js?

I need help regarding the react code. I am displaying the tree view. Clicking on the tree nodes will open the component in the right. I am successfully able to

ReactJs - Ant design Tabs Card does not render content

My components used ReactJs Framework that built with Ant Design UI. My stucking is the rendering on tabs content. I try to nest the LoginForm component to TabsC

React.js URL changes but view does not change

I am new to React.js. I am using React.js 18.0.0. I am developing simple login application. Here I am facing problem in routing. When I click on forget password

React Context State Not Updating

My Context: type Props = { children: React.ReactNode; }; interface Context { postIsDraft: boolean; setPostIsDraft: Dispatch<SetStateAction<boolean&

Force User input string to turn into lowercase

I am working with React and Javascript I'm not sure where to add the function. I have my input working great--but I realized I needed to add a function or the a

React - 3 same inputs but only one change it state

I have a custom file input component, which I created to show the preloaded image when the person uploads their file. But the problem is, I'm using this compone

Why is my create react app giving no output?

I'm doing a tutorial for a basic CRUD app with React and Tailwind, this is my first time setting it up and I'm trying to display a navbar but when i run 'npm ru

When I use useNavigate then show this error. How can I fixed this problem?

WARNING in ./node_modules/bootstrap/dist/css/bootstrap.min.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postc