I want the following tooltip to display its title in two different rows: <Tooltip title="Line1 Line2"> ... </Tooltip> So that, when I hover it I get Line 1 Line 2 I tried inserting <br />, n and already with…
I have a parent component and a child component. I want to pass a function from parent component to child in onChange and also another function in the child component to update a state in the child component. How can…
I have a component that imports: import LogoutIcon from "@mui/icons-material/Logout"; import useLogout from "@/hooks/auth/useLogout"; const { trigger: logoutTrigger } = useLogout(); But where I use this component is here: <LogoutIcon type="button" onClick={logoutTrigger} sx={LogoutIconSx} cursor="pointer" /> And it all gets highlighted…
I have Manage Items page where can see items in a table with two actions as Edit and Delete. Required, on click of edit/delete button the Edit/Delete component should be rendered with url like manage-items/edit/1 or manage-items/edit?id=1 Currently: Base URL:…
I want to create a form that uploads the images to Cloudinary and then gets the image's URL and parses it into Supabase database, but I only want to upload the images when I click the Publish button (right now…
I have a react-modal form with a captcha in it. When the user open up the modal the captcha shows up just above the Report Job button. No problems there. but let say the user closes the modal before even…
I have a file like blog-details/[id].tsx. And I am trying to navigate via: <Link href={`/blog-details/${item._id}.tsx`}>` After the page navigates, I need to fetch the data from db using the id, but the issue here is I am unable to access…
I have a below function which takes in a response and transforms/adds properties to a response object for my UI and the transformed response is again returned. So the way it works is initially the method is called with no…
New to development. Trying to use Firebase Messaging with a ReactJS app. I want to add the token to my headers so I can send to the backend: instance.interceptors.request.use( (config) => { const token = TokenService.getLocalAccessToken(); const firebaseToken = getNewToken();…
I have deployed a Static Web App in Azure with the following configuration settings: I have the following authConfig.ts: import { Configuration } from "@azure/msal-browser"; // Config object to be passed to Msal on creation export const msalConfig: Configuration =…