I'm having some difficulty with react routing and having trouble comprehending composed routes. I've attempted some code, but unfortunately, it's not functioning as expected. The "/" path works perfectly fine, however, when I attempt to access "/child", it doesn't seem…
I'm trying to enable eslint linting in an ASP.NET core MVC project with React.js and typescript and am really struggling to fix the above error. I'm using Visual Studio 2022 community edition 17.6.3 and the project template "ASP.NET Core with…
My code has a component called MainLayout: MainLayout.jsx import React, { Fragment } from "react"; import Header from "../Common/Header"; import Footer from "../Common/Footer"; export default function MainLayout({ children }) { return ( <Fragment> <Header /> {children} <Footer /> </Fragment> );…
I am using better-react-mathjax ^2.0.2 (with MathJax 3.2.2) to render math expressions in a React based project. However, I am facing an issue where some expressions render differently on different browsers(Chrome, Firefox, Safari). PS: We are using MathML for rendering.…
I am new to react and I am making Note-keeping application using react and firebase. Data is properly store and retrieve from firebase and rendering properly on UI. I have an Input filed on Navbar to searching for a note.…
As far as I can tell the usual/recommended way in React is to have state and pass it with the setter to a component, e.g. const [name, setName] = useState(""); return <>{/* stuff */} <MyStringInput value={name} setValue={setName} </>; It feels…
i want to add a simple swiper on my nextjs website (v13 with app router) but it's giving me all types of errors. First i tried importing it like i always do by copying it from a demo listed on…
I want to render a standlone html js project (game project) inside a react component. standlone html js project portion code: react component export default function Tetris() { function iframe() { return { __html: '<iframe src="../../../Standlone Games/Tetris/index.html" width="540" height="450"></iframe>', };…
I am currently developing a front-end application in Nextjs, using RTK Query for API fetching and use MSW for its mock. If mockServiceWorker.js is already loaded at the time the page is loaded, the API mock will be intercepted without…
This could be my newness to MUI - however I have a basic (ie no content application) import React from "react"; import { Container, Grid, Typography } from "@mui/material"; import { DatePicker } from "@mui/x-date-pickers"; import { LocalizationProvider } from…