Category "reactjs"

React Background Image Change Animation

I'm working on a weather app with ReactJS, what i'm trying to do is have a slideshow of images for my background, the images will be full screen, fading from on

React Electron App - React Leaftlet Content Security Policy errors

I am currently creating an Electron app in which I would like to use react leaflet's maps functionality. This requires the use of external url's which throws CS

Next.js 12 ( with react ): Cannot read env variables, process.env is undefined

I'm using next.js 12 with a react app. I have the following .env.local file: NEXT_PUBLIC_DEVELOPMENT_ENV_VARIABLE="public_development_variable" I start the dev

I am not able to run yarn export command even I have updated my packages.json file - A next.js related question

PS C:\Users\sujee\Desktop\Next App\panda> yarn export yarn run v1.22.18 $ next build && next export info - Checking validity of types Failed to com

How to change the font size of the bullets of an unordered list item in draftjs?

I have a rich text editor built using draftjs. I implemented the functions for changing the font size, font family, and color of the text in the editor. I also

How to get index of row in ant design table?

I want to show index of rows in ant design table. eg: 1 to 10 for 10 rows data i got. const columns = [{ title: 'ID', dataIndex: 'id', key: 'id',

React Typescript: It looks like you're trying to use TypeScript but do not have typescript installed

I want to create a React application and I want to use a typescript in this application, at first I went to the React website in order to create an application

How to modify a React Router Location?

I'm using the useQueryParams library, which takes a RouteAdapter, which is forwarded a Location, which can be sent to React Router to trigger a navigation. I wa

Problem Upgrading React application - material UI v4 to v5

I have this problem upgrading my react application. Basically, I followed the damn mui-v5 documentation, and I still have some erros in my app.tsx file. import

getTokenIdMetadata function in Moralis is not showing anything on HTML card MUI. How do I fix it?

I am trying to use getTokenIdMetadata from Moralis to get detailed information about an NFT. So far, I am able to get the data as you can see below in the json

IntelliJ reporting typescript error for react-bootstrap-table-next

I'm using react-bootstrap-table-next (aka react-bootstrap-table2). I'm getting a Typescript error in IntelliJ on the validator field in my column definition. I

How to add a google-recaptcha v3 to a functional react component with a form?

I have a ready-made form in React I'm trying to add a captcha to it but it would seem that with the only correct option the captcha reload infinity loops I didt

Storybook 6, use module paths?

Is it possible to configure storybook 6 to use the module paths in my tsconfig.json file to work with sass-loader (or just to replicate the same pattern if that

Puppeteer getting response from url pdf

I'. automating regression tests for a website and one of the tasks is to check the various urls that come in to me. I am using Puppeteer and Chromium for this.

ExportCSV using react-bootstrap-table-2

I'm trying to trigger my exportCSV from a different component outside of the TookkilProvider... is that possible? I did see some reference to this.refs.table.ha

React-select dropdown list getting cut in IE11

React select (https://github.com/JedWatson/react-select) drop down list is not fully shown in IE, works in other browsers. Works on other browsers. I tried set

How to connect to simple tcp socket in React

I am new to React and can't seem to find any example regarding how to create a simple TCP connection to receive data from the other server (NOT via websocket).

How to fetch data only on first click via react-query and then disable refetch on subsequent clicks

I encountered a problem while implementing the form where the data used in select, retrieved from the database via react-query, should only be retrieved once wh

How do I serve a React-built front-end on a FastAPI backend?

I've tried to mount the frontend to / with app.mount, but this invalidates all of my /api routes. I've also tried the following code to mount the folders in /st

How to render jsx calling non component function in React?

I adding return before jsx but it stops iteration function App(){ function recursion(object){ for(let key in object){ if(typeof object[key] === 'ob