Category "reactjs"

How to prevent content jumping in framer-motion animation when transitioning between two pages

I have essentially the following setup: <AnimatePresence initial={false}> {value ? ( <motion.div> {/* Page 1 content */} </motion

How to use self-hosted fonts face using NextJS?

Fonts using NextJS I have read different topics about how to use self-hosted fonts with NextJS. What I got [ wait ] compiling ... when I did: @font-face {

React Native Error: 'Permission Denial: starting Intent"

I managed to add facebook login and google login to my application but I think I might have done something wrong. Before I started adding the logins I previousl

Simplest test for react-router's Link with @testing-library/react

I'm trying to understand how to best test that react-router behaves as expected with @testing-library/react. The simplest test I can think of, is to verify tha

how to generate AndroidManifest.xml from a react-native app created with react-native init

I used react-native init to create my react application. I'm trying to tie in auth0 and auth0 documentation is saying I need something from the androidManafest.

How can I get a list of NFTs that I have minted?

I am building Social Media for NFT. I would like to get a list of NFTs minted in the past by a particular user in Ethereum and Polygon Chain. It does not have t

Getting 404-Page Not Found error, when i reload my react application which is on firebase

I have deployed my react application on firebase, when i reload the page it is showing the below page. Firebase.json { "hosting": { "public": "build",

Authenticate my ReactJS SPA with laravel/sanctum using Axios

After a successful authentication (login + token), I'm still unable to request auth:sanctum routes and I get the following response: Docs ... This token shoul

Server-side rendering not working on production Next.js

I am serving my next.js on Vercel (I tried Amplify as well). Page works but components that require data from getServerSideProps() in my pages/index.tsx are not

How do you import a javascript package from a cdn/script tag in React?

I'd like to import this javascript package in React <script src="https://cdn.dwolla.com/1/dwolla.js"></script> However, there is no NPM package,

Hashrouter no slash with react-router-dom v6

I want to add a hash with no slash to my path, like: /#store/flowers/price but since I'm not using react-router-dom v5 anymore, the v6 does not let me work with

Tailwind utility classes only working in css file and not inline

I'm using electron, react (web), typescript and tailwind. Now, currently I'm facing the problem that tailwind only works in .css files but not inline. See examp

How to serve apple-app-site-association file on /apple-app-site-association page in ReactJS

I'm having a lot of trouble with serving a apple-app-site-association file in ReactJS project. I've searched a lot of GitHub issues pages (for ReactJS, Gatsby,

Reactjs setState() with a dynamic key name?

EDIT: this is a duplicate, see here I can't find any examples of using a dynamic key name when setting the state. This is what I want to do: inputChangeHandl

Why my enum type wont work in Next.js project

I getting this error "Type 'string' is not assignable to type '"left" | "right"'." Project running on Next.js Here is my type definiton export interface TwoColu

Firebase JWT token expires in 60 minutes

In Reactjs application I am working on authorization system. Everything is working fine but problem is the authorization lasts for 60 minutes only. After I need

ReactJS: setState on parent inside child component

What is the recommended pattern for doing a setState on a parent from a child component. var Todos = React.createClass({ getInitialState: function() { re

React-typescript: Object is of type 'unknown'. TS2571

I am using React-TypeScript for my project. For state management, I am using React-redux, for function handling I am using redux-saga. For gluing the redux stor

Resizing first column gives _this.widthGetters[columnName] is not a function ( devexpress/dx-react-grid-material-ui )

Resizing the first column in Grid of dx-react-grid-material-ui is resulting in a empty screen with following error _this.widthGetters[columnName] is not a func

Mapbox Popup only opens once and never again

I am creating a React Mapbox App, and I have an issue with popups. When I render the map, all the Markers show correctly on the map. Then I click on the Marker