I have a contacts variable that is set by calling an API. This is all done in an immediately invoked function expression (async () => {})();. I have to get a token to access the Microsoft Graph API. This lets…
I am trying to write a component that lists a set of results when clicking the Find button. However when I click the Find button, the results state variable is not being reset when I call setResults([]). Also it does…
I don't understand why I get a blank page when I run npm start. I am trying to have the and tags to render. Here is the code: index.js import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import…
I am protecting a page using firebase authentication. If user is logged in then i am showing the page otherwise i am returning user to the login page. There are many other pages i want to protect from unauthorized users.…
In this Next.js component, in the highlighted line "mb-3" class of Tailwindcss has no effect in the Y direction but if we use "m-3" it also does not have an effect in the y direction but has an effect on…
import React from 'react' import ReactDOM from 'react-dom' import { useContext } from 'react' const konteks = React.createContext(null); function components(){ return( <konteks.Provider value="hello world"> <MyComponent /> </konteks.Provider> ); } function MyComponent(){ const getcontext = useContext(konteks); return( <div>{getcontext}</div> ); } const…
in useState hook when the setState is called it will initializes the state with a new value i have the example of code below : import React from 'react' import ReactDOM from 'react-dom/client' import { useState } from 'react' function…
Problem: when I use below expression, IDE alerts typescript syntax error. I think typescript expects children to be assigned as ReactNode not as Array<object>. ----/page.tsx/---- ... <TopBar>{[ {text:"career",href:"",class:"p-0 m-0"}, {text:"contact",href:"",class:"p-0 m-0"}, {text:"patient registry",href:"/patient_registry",class:"custom-outline p-1 rounded-2xl px-4 hover:bg-black hover:text-white"} ]}</TopBar> ...…
I am a newbie when it comes to using Directus. I am trying to style an card to have a background image of a Directus Image. How would i be able to do that? I have tried: <Card style={{backgroundImage:"url({someColletion.image.id})" >…
I am trying to move the newItems, setNewItems values of [newItems, setNewItems] = useState([]); as props for components used in another web page on the app am building, the Idea is this, while in the new page, I want to…