I want to use Red Hat Display font in my project. Should I download all different variants of the in local repository i.e. RedHatDisplay-Light,RedHatDisplay-Regular, RedHatDisplay-SemiBold etc. and then use next/font/local to optimize it or should I use 'import Red_Hat_Display from…
I'm working on my first react App right now, which uses the Spotify API. But I ran into troubles with the Authentication Process. Mainly the Problem is that my custom Hook useAuth, responsible for getting an accessToken is not connecting…
Is it possible to remove/disable the html output that always spits out when running RTL tests? My finger is getting sore from scrolling past the HTML output to find the start of the stack trace. After scrolling and scrolling this…
I am new to react and I am just trying to create a simple form. When username and password are entered, and the submit button is clicked. I want a message to be displayed after the form containing username which…
Currently, I'm looking for the best way to block or redirect users from accessing the login page if they are already logged in. I'm working on a project using React with TypeScript. What would be the best approach to implement…
I'm trying to implement a functionality wherein after I click a button, a popup should open with some content, and once it is closed, the button should be permanently disabled. Now, I've implemented the same functionality for another button which…
When the first request is sent, isVoting will be set to "true". In this case, until isVoting is set to "false", another request should not be allowed to be sent. But somehow isVoting is still "false" when i try to…
i'm using next.js import WysiwygEditor from "../wysiwygEditor"; const CreatePost = () => { const editorRef = useRef<any>(null); const printRefCurrent = () => { console.log(editorRef.current); } return ( <> <WysiwygEditor ref={editorRef} /> <button onClick={printRefCurrent}>Click</button> </> ); }; export default CreatePost; import…
I'm working on a frontend application using React with Redux and a backend in NestJS with Firebase. I'm facing a CORS issue that I can't seem to resolve. I've configured CORS on the backend, but I'm still getting this error:…
I've seen example code where the typescript code in a react application imports CSS as modules. Then you can reference this CSS using Style.cssClassName. However, the scss/css the class name is written using snake case, 'css-class-name'. How is this accomplished?…