I am building a next js application and need user authentication for that. In the page.js file I am sending a function call to firebase/firebaseAuth.js file, where it authorizes and sends the data to page.js. In the page.js, using the…
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected] npm ERR! node_modules/react npm ERR! react@"^18.2.0" from the root project npm ERR! peer react@"^18.2.0" from [email protected] npm ERR! node_modules/react-dom…
In the context of a react project, I want to generate radio buttons for each element in an array. Here the tags I need to render dynamically each time: <input type="radio" name="debt-amount" id="3" value="3" required /> <label for="3"></label> 1/ Inside…
I have the following string with placeholders 'test {{1}} this {{2}} {{3}}' these placeholders later should be replaced in same order by the values from input fields ['now', 'code', 'block'] so the final string looks like this 'test now this…
I want to override base-font-size by calling a function, its definition is given below base-font-size variable is defined in the root export const changeBaseFontSize = (newSize: string) => { document.documentElement.style.setProperty("--base-font-size", newSize); }; Calling this function as given below changeBaseFontSize("16"); Now,…
<div className='flex justify-between w-full'> <div className='px-1 w-full'> <img src='https://images.unsplash.com/photo-1566275529824-cca6d008f3da?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8cGhvdG98ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=800&q=60' alt='Pic' className='h-10 w-10 rounded-full border-2 w-full' /> </div> <p className='border-2'><span className='text-lg font-semibold'>dottt</span> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard…
I'm currently encountering a perplexing challenge while attempting to deploy my Node.js APIs on the AWS platform and establishing a connection with GitHub. The heart of the matter lies in the fact that, upon uploading my code to AWS and…
I'm relatively new to nextjs and tailwind and am trying to use react-tailwindcss-datepicker in my nextjs project and it's not rendering correctly. It looks like the styling is not working. Any and all help is appreciated. I don't know where…
```import { useState } from 'react'; export default function FeedbackForm() { const [name, setName] = useState(''); async function handleClick() { setName(prompt('What is your name?')); await alert(`Hello, ${name}!`); } return ( <button onClick={handleClick}> Greet </button> ); }``` I'am trying to get…
I am building an SPA using React 18 connected to a Laravel 10 API, which already includes Sanctum for authentication and I installed Breeze API to generate the respective scaffolding. I have followed the official Laravel documentation but, because it…