I am trying to pass a prop of type string to a functional component defined in the same file and it is throwing the error: TS2322: Type '{ text: string; }' is not assignable to type 'string'. I hav...

I am new to react and am having some trouble passing a simple boolean value as a prop for the MenuItem in the material UI library. I don't think the solution is too complicated. Can someone let me ...

I'm trying to make a React component which takes in a generic type parameter which will be part of its prop type. I want a solution that would look something like this: interface TestProps<T>...

I'm struggling to understand how one is supposed to work with custom events in Vue 3 with TSX templates. Consider a simple parent/child app where child sends a custom event to parent: const Child =...

I am writing a web app on next js(with typescript and styled-component). I started writing tests and when using mount, an error crashes TypeError: Cannot read property 'child' of undefined But if ...

I'm just getting into React.js and Next.js after having used Vue.js before. I'm getting a strange typescript error, but weirdly it actually compiles despite VS Code complaining at me as though it w...

I am looking for how to use Region in .tsx code while using Visual studio code. In editor the intelisense shows //#region and //#endregion (might be due to some extension such as ES7 React/Redux/.....

In stencil's.js TSX elements attribute for the class selector is the class instead of className (as in React). Can't find a way in VSCode to change the class attribute's name for emmet's expansion....

How come I can create a new type via JSX.IntrinsicElements['div'] & X but I can't extend it? I don't understand the error message -- am I not simply adding an "optional type"? What's the di...

Given the type type EnumerableComponentFactory = <C, I>(config: { Container: React.ComponentType<C>; Item: React.ComponentType<I>; }) => React.FC<{ items: I[] }>; with...

This is an issue I had when converting a NextJS project to TypeScript. In my _app.tsx, I got a type error: Binding element 'pageProps' implicitly has an 'any' type. ts(7031). The error likely looks...

I'm a beginner learning ts for the first time. Thank you in advance for sharing your knowledge. I am making a to-do list. I used to react to complete it. But now I am using react and typescript tog...

Hello I'm having this error: Argument of type 'string' is not assignable to parameter of type 'SetStateAction<number>'. this is a part of my code: . . . const[ idPadre, setIdPadre ] = useSta...

In a TSX file, a generic component can be defined: const MyComponent = <A,>() => <p>my component</p> Note the , after A. Now if I want A to be string by default, one would nat...

Suppose I have this input component: import { defineComponent } from "@vue/runtime-core" export default defineComponent({ inheritAttrs: false, setup(props, { attrs }) { return () =&gt...

I am using VS 2013 and tsx files with react. I can build my project manually just fine. (Right click and build solution) But when I try to publish on Azure, VS tries to build again but at that tim...

I'm trying to add this simple div to the return block of my .tsx file: <div id="bizible.reportUser" style="display:none" data-email="[email protected]"/> I do it the following way: i...

I am new to Typescript. How do you normally handle onChange in TextField, when using Typescript language? The function handleChangeDate(e: React.ChangeEvent<any>) in the code below works, b...

We're migrating from es6 to TSX. JS files are linted with .eslintrc that extends airbnb config, whereas TSX are linted with .eslintrc.js that extends react/recommended, @typescript-eslint/recommend...

I am trying to make my component accept a ref. I have a component like so: const MyComponent: RefForwardingComponent<HTMLDivElement, IMyComponentProps> = (props, ref) => { return <di...

Here is the scenario: I have a custom component: class MyComponent extends React.Component { render () { return ( <SuperComponent> <SubComponent1 /> // <- valid child </Sup...

Is there any way to run mocha tests written in typescript - tsx ? When I run mocha --require ts-node/register sometest.tsx or mocha --require ts-node/register --compiler ts:ts-node/register -...

I use react hooks to update, but notice error when setState. Argument of type '{ alertRules: any; }' is not assignable to parameter of type 'SetStateAction'. Object literal may only specify kno...

I have a tsx file with react-native. My function name is underlined if function is not set to const or let with this message: Cannot find name 'goBack' goBack = () => { // do stuff } But...

I have turned on Resharper Ultimate on a .Net Core Web Application that is using TypeScript to code React Components. So I have a simple component class; export class Index extends React.Componen...