Category "reactjs"

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

Property 'accessToken' does not exist on type 'User' && firebase is not defined

I am using TypeScript in my React application and I have an error "Property 'accessToken' does not exist on type 'User'" when getting an accessToken of user My

React draft wysiwyg default font size

Could I ask you how to change default font size in react draft wysiwyg https://github.com/jpuri/react-draft-wysiwyg#readme? Class defining toolbar: export const

React Card Example issue - Card is replaced instead of being appended to a list of cards in another column

I have been persistently working on this problem where the goal is to drag a card form 'Column 1' and copy that into another column say 'Column 2'. Now when my

React 18 Fragment complaining of too many children

A few days ago I tried to add Storybook to my React app, and basically everything imploded. I restored from a backup, but it didn't include the node_modules fol

React + gRPC don't reach envoy container

I was trying to build a very basic web page in React that would send gRPC request to a backend written in Rust. I followed these guides: https://daily.dev/blog/

ESLint: Plugin "react" was conflicted between

I have a React app inside a monolith npm component package. The React app serves as a demo site which consumes this component package as an integration step ove

Passing multiple params in react-router-dom like reactnavigation

Well, I'll get to the point with this, and I have a problem passing parameters to the browsing history For those with experience in reactnavication, you will kn

Issues while trying to pass data from one page to another using Link from React-Router v6

I have the following Router: // index.js import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; import history from "./history";