Questions tagged [react-tsx]
A TypeScript XML syntax transform recommended for use with React.
react-tsx
616
questions
1
vote
0
answers
284
views
How to setup Vite + React + Typescript in VSCode
Creating a new React app using Vite, VSCode is not recognizing generated tsx files, showing squiggles everywhere. What am I doing wrong??
Here are the steps I'm doing:
yarn create vite@latest
Give a ...
0
votes
0
answers
17
views
I am trying to implement the drag and drop feature. I am trying to fix it, and nothing is helping even thought the structure is correct
I have 2 files and I downloaded 2 packages 1) npm i react-beautiful-dnd 2) npm i @types/react-beautiful-dnd
I have 2 files, the draggable and the droppable.
-The Draggable: SingleTodo.tsx
import React,...
0
votes
0
answers
140
views
How to Connect to Mosquitto MQTT server in VM using Typescript
import React, { useEffect } from "react";
import mqtt, { MqttClient } from "mqtt";
import { v4 as uuidv4 } from "uuid";
const Subscribe = () => {
useEffect(() => ...
0
votes
0
answers
135
views
React Hook Form integrate MUI TextField with mask - Input loses focus when 1 character is typed in
I create MUI TextField component and integration with 3rd party input mask libraries. Then I integrate my component with React Hook Form. Everything works as expected except that once I type any 1 ...
0
votes
0
answers
44
views
Troubleshooting Image Hover Transition in react-slick Carousel
I'm using react-slick to create a multi item carousel with MUI cards, but I'm running into a problem. Here's what I'm trying to do: When a user hovers over an image (which is inside the CardMedia:MUI ...
1
vote
1
answer
27
views
React derivated state not updated properly
I want to develop a tabs component in React. When I try to close an element and assign the active state to the previous or the next tab my setFiles method updates the files array properly but when the ...
1
vote
2
answers
790
views
getFieldState is not a function. Error form shadcn, React-Hook-Form
Here is my form component file. facing issue but everything seems to ok.
import * as LabelPrimitive from '@radix-ui/react-label';
import { Slot } from '@radix-ui/react-slot';
import * as React from '...
1
vote
0
answers
90
views
Absolute imports on mac and windows in Vite - React TS project
I am working on a Typescript React project. Now i have added the option to use absolute paths for imports, so a ../../../components would become ~/components/*. Most of our developers work on a ...
1
vote
2
answers
142
views
MUI Grid - Hide scroll bar, but while still being able to scroll
I'm trying to do exactly the same as this post but with the implementation on a MUI Grid container/item. The result though is that I don't have a scrollbar and I can't scroll. Is there something wrong ...
0
votes
0
answers
41
views
React TS Mui Material Swipeable Drawer - Partial Visibility
I am trying to get the Swipeable Drawer in Material UI for React to be a little bit more pulled up so I can show some of the information that is already in the drawer prior to pulling it up. Currently ...
1
vote
0
answers
156
views
Issue to run ReactTS + Vite + SWC project
Issue is the run locally ReactTs project (Vite and SWC):
Error message, npm run dev:
> [email protected] dev
> vite
✘ [ERROR] Unexpected end of file in JSON
../tsconfig.json:1:0:
...
1
vote
1
answer
59
views
Shared Video not rendering in normal mode, but rendering in Desktop mode for Firefox android browser
I am implementing the Zoom Video SDK for Web using React Typescript. I run into the issue that when I use my android Firefox browser, and press the video icon, the video starts, but is not rendered in ...
0
votes
0
answers
33
views
Are there Peculiar differences between Android and IOS browsers that could make some JavaScript run in Android but not on IOS Browser?
I am building an application using the Zoom Video Web SDK and so far everything has been working fine for both Desktop and Android devices. However, when I attempt to run the application on IOS Safari ...
0
votes
0
answers
249
views
TipTap Output and Rendering
My problem is the follwoing:
Setup:
Java Spring Boot api connected with MongoDB
to handle my Sever responses and Requestes.
Entity:
package org.schmeckis.backend.model;
import lombok.With;
import org....
1
vote
2
answers
471
views
React-query infiniteQuery - how to fix additional pageParam type checking
i have bumped into following issue, i'm trying to implement infiniteQuery by using react-query tanstack, but i can't do it without additional checking of pageParam on it's type of number.
Could you ...