I have an array of logs that have the following structure let's say: LogItems = [ { description: "I am the first log"; timestamp: "2023-02-20T20:15:43.2357511Z" }, { description: "I am the fourth log"; timestamp: "2023-02-20T21:20:43.2357511Z" }, { description: "I am…
this is my next js index file. Here i have used next-auth version 4 library. import React from 'react' import { useRouter } from 'next/router' import { useSession } from 'next-auth/react' import { Login } from '@/components/Login/Login' export default function…
I've been using Next/Image for everything lately because of Vercel's automatic image optimization service. I've been able to replace background-image in pretty much every use-case by using DIVs in conjunction with z-index, but I've had a heck of a time…
I am trying to implement a basic Keycloak authentication on my react website. During the authentication init, authentication is failing and on the react server side I am getting the error invalid_client_credentials. Once I goto my react website I am…
I am trying to get total price of items added and removed in Cart, but total just increase and no decrease when remove one item. I'm working with reducer and I am almost sure that I've implemented here the logic…
I'm trying to create a news website with ReactJS and I'm getting three various warnings/errors when I try to run the page. I can get it to display the article link properly when I don't include the title. I still…
I'm working on some code that's using React. It's added to the page like this: ReactDom.render(MyClass.render(), document.getElementById('app-id')); MyClass is defined as a generic class: import App from "./App"; class MyClass { constructor(props) { this.props = props; } render() { return…
I'm new to realm. How can I filter a nested schema in React Native Realm? I'm just trying to do it with Realm query. I can already handle this with javascript. Models: const ModelA = { name: "ModelA", primaryKey: "id",…
Why won't this code which causes a variable called age to increase or decrease according to the pressing of certain buttons. But then it should also allow us see whatever is typed in the text box be displayed outside of…
I have this component import React from 'react' export const MainPage = async () => { let resp = await fetch(`http://localhost:8000/users/63fc9a335a6f38aa2dd47d15`, { method: 'get', headers: { 'x-access-token': 123 } }); let user = await resp.json(); return ( <div>MainPage </div> )…