A react component has a button that opens or closes a div by changing its height style property. The div also has a transition style property which should presumably animate the change in height. However, what we see instead is…
There is a search result page where query params are passed to useQuery. On this page, we can change our search prompt (query param essentially) however I only want to refetch when user click "Search" button. I've tried setting enabled:false…
I have a custom dropdown that is triggered by a button. If it is expanded, then isExpanded===true. To close it, I use useEffect, which adds a click handler to the entire document only if isExpanded is true. The problem: the…
when i try to default register a new user then i can't register it on website ,and it shows internal server error in and failed to load resource error in console . [enter image description here](https://i.stack.imgur.com/CFa17.png)[[[enter image description here](https://i.stack.imgur.com/QrSB2.png)](https://i.stack.imgur.com/CWlKT.png)](https://i.stack.imgur.com/OMAnc.png) please…
This is a continuation from Trying to shift my React button based on numerical values (##px) doesn't work?. I'm trying to move a button my webpage based on whatever value I set right: ##px to, but no matter what value…
I'm trying to make simple blog app using django as a backend and react. I'm worikng on making post function. I didn't have any problem with making simple post with title and description but they have shown up when I…
I have data like this: Record= [ { "tid": 1, "token_text": "Canis", "spanid": 1, "label": "Name" }, { "tid": 2, "token_text": "Familiaris", "spanid": 1, "label": "Name" }, { "tid": 3, "token_text": "is" }, { "tid": 4, "token_text": "the" }, {…
Using the tailwind elements library, I am not able to listen to changes on the time picker as defined: const MyTimePicker = () => { useEffect(() => { initTE({ Timepicker, Input }); }, []); // get data from timepicker const…
I have a general question about user authentication and authorization with auth providers such as AWS cognito, Firebase or auth0. As per their documentations, is it safe to authorize the resources at the client-side (ex. React, React-native, angular, Vue etc.)…
Here is the directory: import {useRef} from "react" import {FaBars, FaTimes} from "react-icons/fa" import "../css/navbar.css" export function Navbar() { const navRef = useRef() const showNavBar = () => { navRef.current.classList.toggle("responsive-nav"); } return ( <navbar> <img src="my-app/public/images/logos/word logo trans-preview.png" /> <nav…