I am trying to create bootstrap card. I have create card header and card footer ( but no card body ) But I observed there is a gap between header and footer. Probably it is because of no card body.…
https://codesandbox.io/p/sandbox/s82tlh?file=%2Fsrc%2FApp.tsx%3A14%2C1 I created a Youtube Player Frame and im using it inside of my Player React.Component. The first time where i call the Component, the Player loads normal but if I switch the component and go a second time to…
I am working on an edit form that I need some help figuring out how to automatically set a value on. The initial values are set from an API call to our DB. Here is the situation. The form allow…
I'm having a problem on how to refresh my screen when clicking back button from browser. The weird part of this is it's only replicable when deployed on staging servers. In localhost I didn't encounter any of this since it…
I am using the Next.js App Router architecture, and I have a post page that calls an API and passes the data to a component. I have already implemented simple interactions like clicking to change some styles, etc. However, how…
Until now, i was using the type any to refer the children of my components, but when I updated my deploy it says not accept any as a valid type, what type i should use on my Section component bellow?…
import React, { component} from 'react'; class Hello extends component{ render(){ return <div> <h1>Hello World</h1> <p>Welcome to React</p> </div> } } export default Hello; the code works but it doesnt return anything besides a blank page --------------------------------this is from the…
I'm developing a Chrome extension using React and Vite. When I load the extension locally from the dist folder as an unpacked extension in Chrome, it runs without any issues. However, after publishing it to the Chrome Web Store, I…
I keep getting the error: "WebSocket is closed before the connection is established" logged to my console when I run my vite application. I have tried everything I know to solve this error but to no avail and I have…
i have a app/middleware.ts but it didn't trigger, import { NextResponse, NextRequest } from 'next/server' // This function can be marked `async` if using `await` inside export function middleware(request: NextRequest) { return NextResponse.redirect(new URL('/home', request.url)) } export const config =…