here is the code: import { type AppType } from 'next/app' import { api } from '~/utils/api' import '~/styles/globals.css' import Nav from '~/components/Nav' import { useEffect, useState } from 'react' const MyApp: AppType = ({ Component, pageProps }) => {…
I'm trying to show a loading spinner (or really any HTML element for that matter) while my image is loading, the thing is I am using this ImageComponent to display an image in a random movie generator, I was able…
I have the following Tab Navigator in my React Native app, using React Navigation v6: <Tab.Navigator> <Tab.Screen name="Screen1" component={Screen1}/> <Tab.Screen name="Screen1" component={Screen2}/> </Tab.Navigator> I want to pass a prop called prop1 that will be accessible in each screen. How do…
How to show the SideNavbar Component change when the user has logged in. The sidenavbar shows different component on the basis of usertype where usertype can be admin or student. The component only changes once i reload. The component changed…
I am adding a React component in Array with (add component) button click and rendering that array. Each component is rendering a count hook by giving it as a prop. Here's the problem comes, once component is added in array…
Making the active toggle on I am currently working with React and I made a list where they will have active states and I already made the onClick functions but it won't work. If I try to click and expect…
Here is a component that intentionally throws an error: The App component is labelled as observerComponent in the stack track. However, if we remove the observer wrapper around our component (replace line 11 with line 12) the component name displays…
I have a problem with the video tag which needs to autoplay video on page load (I'm using it as a home page banner), but the video isn't displaying at all on IOS mobile. I've tested all desktop browsers and…
I have a react.js project were it has a reusable component, i'm planning to use the same component logic in react native with in the same source code by adding my react native ui layer and use the existing component…
I have written code like this :- import React from 'react' function OurCourse() { return ( <div className='w-full '> <div className='w-full h-[390px]' style={{ backgroundImage:'url(https://images.unsplash.com/photo-1532012197267-da84d127e765?ixlib=rb- 4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=387&q=80)', backgroundSize:'contain', backgroundRepeat:'no-repeat', }}> </div> </div> ) } export default OurCourse I want to set this…