Questions tagged [react-tsx]
A TypeScript XML syntax transform recommended for use with React.
react-tsx
618
questions
0
votes
0
answers
9
views
error when trying to display a multipolygon in react with leaflet
I have the following function
// Función para unir los polígonos superpuestos
export const unifyPolygons = (zones: Zone[]) => {
const turfPolygons = zones.map(zone =>
turf.polygon([zone....
0
votes
0
answers
30
views
eslint and stylelint fix flag not working as expected [closed]
My eslintrc.cjs and stylelintrc.json files are given below along with other config files:
Package.json
stylelintrc.json
eslintrc.cjs
tsconfig.json
Specifically, look at the scripts in package.json:
...
-1
votes
1
answer
19
views
Error: Failed to load plugin 'react' declared in '../.eslintrc.js': Cannot find module 'eslint-plugin-react'
i'm trying to configure eslint in phpstorm and i have
"eslint": "8.22.0",
"eslint-config-airbnb": "^19.0.4",
"eslint-plugin-i18next": &...
0
votes
0
answers
24
views
How can I trigger an animation with scroll up/down and do the full animation in framer motion?
I will go in deeper explanation, I have a classic button to activate a menu that expands and covers the entire screen and that is composed of a clipPath that is what expands and covers the entire ...
0
votes
0
answers
11
views
Ag-Grid data overlapping for a second on quick search
When I am doing quick search on grid the cellRenderer and data are overlapping each other for a second before readjusting.
enter image description here
When I am doing quick search on grid the ...
0
votes
0
answers
10
views
How to override mui default style for TextField component
I have a sass style for my mui TextField component:
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
.input {
input {
font-family:...
0
votes
0
answers
45
views
How to create the "Circle of Fifths" in HTML/CSS/JS [duplicate]
Circle of Fifths
I want to create a clickable Circle of Fifths, with proper border and background colour like the image above, but have not been able to successfully create one in HTML/CSS. I'm ...
1
vote
1
answer
27
views
image(in FormData as Blob) upload problem in webapp(react+.net)
I am developing a web app using React(TS)+.net+sqlserver.
There is a function to let user post their photos.
The problem is photos cannot be uploaded and always received by backend as null.
Below are ...
0
votes
0
answers
19
views
Hide child component from parent with transition
I created this modal component:
interface ModalProps extends PropsWithChildren {
/***/
onClose: () => void;
}
const Modal: FC<ModalProps> = ({
/***/
onClose,
children
}) => {
...
0
votes
0
answers
12
views
Rechart adjust title size to overflow text longer than x size on new line
(https://i.sstatic.net/glFdbOIz.png)
Here's an image to make it clearer for you and code
<ResponsiveContainer width="100%" height={400}>
<RadarChart cx="50%" cy=&...
0
votes
1
answer
18
views
Video.js Player Initialization/currentTime Causes Video Not to Display in React App with Google Cloud Storage URLs
I am using Video.js to wrap Google Cloud Storage video public URLs, so that I can both skin it and control what second the video plays at (for example, play at 12 seconds)
I have the following in my ...
0
votes
0
answers
33
views
Vite React Typescript is always showing red underlines
I'm familiar with ViteReact projects because I've done dozens of them, but now I wanted to do my personal big project with Ts beacuse of the size of the project and so that it's easier for me to ...
0
votes
0
answers
24
views
Why my react project shows me 'No overload matches this call.' error only in vscode? (not in the prettier)
Here is my simple source code.
import React from 'react';
import styled from 'styled-components';
import logo from '../assets/logo.svg';
const LogoContainer = styled.div`
width: 100%;
position: ...
0
votes
1
answer
36
views
React Keycloak cant login to a client credentials getting 401
The reason why i want to use client authentication is to use the token to add users/group/roles and and most of the api functions.
I have been trying to use the ReactKeyClaokProvider from keycloak ...
0
votes
0
answers
36
views
InputNumber Antd doesn't allow null value when using with react-hook-form
So, this has been bugging me for quite some time. Here is my piece of code:
<InputNumber
{...register(ticketsPath, {
valueAsNumber: true,
...