I'm new in nextjs (App router). In my root app/layout.tsx I have sidebar and header components which should be available for all other pages: import { Inter } from "next/font/google"; import "./globals.css"; import Sidebar from "@/app/components/sidebar"; import Header from "@/app/components/header";…
I am fairly new to React and NextJS, but I manage to glue pieces of things together with the knowledge I have. So I have implemented social login using Lucia auth, and I want to implement a session provider to…
I need help with managing react states, I can't seem to wrap my head around it. I have a component that receives the id of a database entry from another page via useLocation, I then use that id with an…
I have a file names "page.js",it's the default page.In the "page.js",I use the Link to link to the "buy.js",but it return 404 It's the code use for link to "buy.js" in the "page.js" import Buy from "./buy"; <Link href="/buy" className="group…
Only localhost can access server_ip:port_no, but other devices can't. It always show not secure with blank page and static files I place in nginx are not showing either. When I inspecting the browser, it shows :8443/favicon.ico:1 Failed to load resource:…
This is my Ball: import CSS from "csstype"; const circleAroundNumber: CSS.Properties = { borderRadius: "50%", width: "70px", height: "70px", padding: "8px", position: "absolute", borderBlockWidth: "2px", borderBlockColor: "black", textAlign: "center", fontSize: "32px", fontFamily: "Arial, sans-serif", }; interface Props { children: string;…
Good afternoon everyone. I am working to embed reports in our application with the report service provider of Domo. I have created the following component. import React from 'react'; const generateFormHtml = (actionUrl, embedToken) => ( ` <!DOCTYPE html> <html>…
I'm having trouble adding a background image to a div. In regular JavaScript, it works and allows me to define an object with a specific size and color. However, the same approach isn't working in React. I've tried different methods,…
I am working on a checkbox control. And this method does not seem to be optimal. I don't know if this is the correct usage of react-hook-form. function App() { const methods = useForm(); const { setValue, register } =…
I'm creating a client-side only mockup of a gym-class management system. I have a models folder with javascript dummy user objects that will provide default user credentials and info. However, I want users to log in (using dummy credentials) and…