I'm developing a React Native app and utilizing Appwrite for storage and API calls. For saving the user ID of users who like a post, I'm employing the following API call: export async function likeVideoPost(postId, userId) { try { const…
I'm using the <BarChart> component from @mui/x-charts (version "^6.19.1") and I want to display the data values on top of each bar for better readability. Current Output: enter image description here Desired Outcome: enter image description here Below is my…
Im using this code for listing the posts const PostList = () => { const [posts, setPosts] = useState({}); const fetchPosts = async () => { const res = await axios.get("http://localhost:4002/posts"); setPosts(res.data); }; useEffect(() => { fetchPosts(); }, []); const…
I'm developing my first simple Next.js+Tailwind app. It features a fixed header and a sidebar. The sidebar contains a button to toggle between dark and light mode. I'm using next-theme and with Tailwind this was rather straightforward so far. Now,…
so i am working on a project for my college and I saw a very cool border style that I would like to replicate in my project, but I am having difficulty getting it right. I am using JavaScript, CSS,…
I have created a typeahead using react. The issue is that, if i put something and type backspace, some previous results are showing. I understood the reason is thar, Since the API call are async , its rendering some previous…
I installed TipTap v.2.4.0 in my React project following their guide but I get the errors: Could not resolve "@tiptap/pm/state" Could not resolve "@tiptap/pm/gapcursor" Could not resolve "@tiptap/pm/dropcursor" Could not resolve "@tiptap/pm/history" Could not resolve "@tiptap/pm/state" Could not resolve "@tiptap/pm/view"…
In React, both useEffect and useMemo have a dependencies argument. I naively thought they worked identically: whenever the values in that dependencies argument changed, I thought the useEffect or useMemo callback would be run, and that the only difference was…
I am building an app in the MERN stack, and I came to a problem with my auth process, where my DOM re-renders constantly when the server returns false for isSessionValid: server validation: const validateSession = async (req, res) =>…
I have modal in a React app that renders a list of items with a list of nested values and a search bar. When the user types into the search bar, I need to be able to match that input…