I have prepared a simple test case at Github for my question: In RouterLayout.jsx a media query makes the Outlet disappear at narrow screens, as you can see in the animated screenshot, where I drag the browser side to make…
In Remix, how do you return json first and then redirect after a success call on the API? export const action: ActionFunction = async ({ request, }: ActionFunctionArgs) => { const formData = await request.formData(); try { const { project…
In my app, the user needs to enter a quantity that can be in Bytes, KiB, GiB, or MiB. I'm using 2 Reacts MUI components : a TextField to enter the quantity a Select to select the right quantity unit…
I have deployed Asp.net Core with React.js application to IIS. The app is loading if I publish the code in Default Web Site. I have other app running on port 80 so, I have added separate application under Default Web…
I'm trying to create a "permissions of a role" screen. Here is the sample code : import React, { useEffect, useState } from "react"; import { Form, Checkbox, Collapse, Row } from "antd"; function RolePermissions() { const [permissions, setUsersPermissions] =…
My english is not very good sorry btw i have using ract+redux react code: import gsap from "gsap"; import { useGSAP } from "@gsap/react"; import githubLogo from "../assets/github.png"; import { useSelector, useDispatch } from "react-redux"; import store from "../assets/Store/store"; export…
My intention is to create a custom input element that avoids re-rendering whenever the input value changes, but at the same time notifies the parent if the input changes. Input component: import { useRef, useEffect, ChangeEvent } from "react"; type…
im quite new to react and next js, i can do server side get request just fine, it is pretty simple. i just wanted to know how to execute a post request to an external api in NextJs server side,…
I am trying to output a HTML list in JSX. Here is how I build the array: let seasonsList = []; for (var i=0; i < jsonData.data.campaigns.list.length; i++) { seasonsList.push(<li key={i}>{jsonData.data.campaigns.list[i].name}</li>); } When I try to output this list I…
I'm using MUI Autocomplete and Formik and I wanted to group this into categories. If it has no sub_accounts, then it shouldn't have a header label. Something like this: https://mui.com/material-ui/react-autocomplete/#grouped CODESANDBOX ------> CLICK HERE Expected outcome on the UI is…