Typescript Questions

I have react app created by "react-create-app" with latest react 16.12 and webpack i need to make import with dependence on variable, like

Useeffect fires perfectly each time i change the route, when i call the api from within useeffect, and then try to set state with the result i get

I have following hook: const [texttofront, settexttofront] = usestate(''); when i call

I'm currently rendering an editable table that lets the user bulk edit several user's information at once (see image). i'm using material-ui's

I've been using firebase cloud functions and have run into the issue where my functions sometime hang for up to 10 seconds before returning data.

How do i create a state array with react hooks? i am passing a type i used this method but it's showing me lint error. i also want to know it's

Im new to react and im trying to build a custom componenet with parameters. im just wonding whats the exact way on doing it. here

I'm using cloud firestore to store chats, which i would like to sort by lastestmessage.created. i was not able to use the query because i was

I am currently in the process of optimising a number of react sfc components with the use of react.memo. most of these

I want to create a function that returns a constructor function for one of my existing react components. the return value is a

I have a problem with the re-rendering react component when i call usestate() hook inside image.onload(). i'm expecting

I'm trying to set up a react-admin app in typescript and i can't quite figure out how to import react-admin. it gives me the (simple) error saying

I am in a project where i have to build a react ui. as it is a small project & i'm alone on it, i'd try to develop it with typescript & a

I am getting the following error: argument of type 'functioncomponent> & { wrappedcomponent: componenttype<{ intl:

I want to perform some basic arithmetic on the two input fields, but typescript and my linter are fighting against me... const

I'm trying to make an input field read-only <input type='text' name='email' readonly /> the error i get is

I'm trying to push a new item in an array in firebase i've tried doing this but it just replace the first item of the array in

I wanna use leaflet with nextjs(typescript). but leaflet dose not supported ssr. so, i use

I have this function, that iterates through an array of strings, where each string represents a user's uid. the function is supposed to go to each

I glanced at my transpiled code from cloud functions and following typescript import import {

I'm trying to create a react higher-order component for a specific use-case, the problem is boiling down to the following:

This is the cloud function where i try to call context to use the auth token but it showing error. exports.checkcollege =

I am new to typescript react. need help in converting the following react js code to typescript react. am really confused on how to pass the props

I'm trying to run react-material under a typescript project.

In my components, i want to check initially if there is an authenticated user or not: const reviewroundoverall = (props) => {

So i am using cloud functions at the moment. what i am doing is this: export const onmessagecreate =

This seems like a simple task, but can't seem to get it to work. i'm building a react spa running material ui and typescript. due to errors, when

It's web application created with typescript, react and webpack. i want to use svg file through webpack. however, i got

I have the following type definition: type size = "m" | "s" i have a

I have a state which represents this interface: stateinterface { variableone: string; variabletwo: boolean; variablethree:

I use react hooks to update, but notice error when setstate. argument of type '{ alertrules: any; }' is not assignable to

So i have a react application that was compiled into a bundle.js file. the index.tsx file of the react application shows that the app component

I am trying to send an email using mailgun and firebase cloud functions. the mail is sent, but still returns an error that crashes my app. i

I am using pivot and pivotitem from office ui fabric to display my content in tabs. currently when the tab renders, all

I want to navgiate to a new page after the user has logged in. typically i would use this.props.history.push("/some_other_page");

I am fairly new to firebase and i noticed since firebase does not really store arrays i cannot sort them in the same way i would sort an array. i

I am using react with typescript. can anyone tell me how to call the custom methods which is written in component inside unit testing. i

I am working on an app where a user can book on certain dates, after booking i want the user to be able to view his appointments but only the ones

I found a way to get type safety when using mapstatetoprops from react-redux: as

I´m using for routing "react-router" lib. before render page component, i need fetch data. i want show loader before every routing, because all

I am following a book 'learn react with typescript' and i have finished chapter 3 but i can't seem to get my program to compile properly. i am

I am mocking the usehistory of react-router-dom in my test like this:

I have just started using typescript with react. i tried using it with react usereducer hook but i am stuck because of a weird error. here

I'm creating an spa using react with typescript. i've been using the ui framework material ui. i've run into an error now that i can't seem to

I am debugging a code i have not written, and i am new to typescript. i am getting a ts2339 error property 'inputfiles'

Still being quite new to react i've run across the following issue: i'm creating a component this way: export const cspiderweb =

I have to include a react application inside a dotnet mvc project. i have a simple react application that only contains a kendoui grid.

A function component does not perform its visual update when the state changes. i provide a minimal example of my component where i set a

I am building some sort of a social network. to save read operations, for every post, i store the details of the author's details with it (image

I am receiving the warning warning: function components cannot be given refs. attempts to access this ref will fail. did you mean to use

I am trying to use formik in my react application. i have the login component written in ts. for some reason, the form

I am trying to learn how to use react with redux in a typescript environment. i am using the patterns suggested at

Edit: after diving into the guides and following doug's answer i tried to edit my code but i still can't make it to work. this is my new code

I am using react with typescript. i am also using proptypes. typescript is intended for compile time type checking while proptypes validate passed

I cannot figure out how to jest mock firebase authentication with google login properly.i have the following code:

I'm building some components with react.fc typescript and today i found this typescript error when trying to inject styled-component props using

I am working in a react application. i had my package.json file as follows. `{ ... ... "dependencies": {

So i am currently working on an admin control panel that retrieves objects from an api. the api has two different endpoints, it's either

I am using firebase firestore in my angular project and lately there is a project called firesql to use sql sentence query in firestore, it's

I have created a react component that takes a class of its child component. this component is responsible for providing the user ability to login

After package updates, i suddenly get weird typescript errors: [tsl] error in c:..\ui\src\sagas.ts(40,21)

I have following code: handlevalidate = (value: string, e: react.changeevent<htmltextareaelement>) => { const {

I'm trying to figure out a more elegant way of doing this... i am storing message objects and want to get the total number of

I have a very simple react component named: github.tsx in it, i have this code: import react from 'react'

We recently updated react-intl from version 2.x to 3.3.2, which meant that we could remove the injectintl hoc in all files that used any of the

I'm happy to move to another library if needed but react-markdown seems to have good reports, however, im getting the below error when i try to

I'm trying to add a ref to react component like this: const dashboard: react.fc = () => { const

I am using ant design as the design framework for my application. the framework has a

I am using firestore in angular, i would like to show a collection ordered by an attribute pos, i have no issue with importing the

I has a productpage component, data.json and interface iproduct. now, i want to using map function fetch all data in data.json to productpage

I am trying to build an react redux typescript app. i am using reslect library to create selectors. i am getting an error while

I am trying to store an array of objects using the usestate hook but cannot get the syntax for describing the type it is expecting.

I am trying to create some string literals for my code in typescript on the firebase cloud functions platform. i am using vs code as my code

I've performed a query to firebase firestore and the data is being called perfectly. but i can't use any kind of ordering on this query.

I have this ts code, and i want to make that part to be also typed : const { data: { person, car, another } }: any =

I am receiving a massive error when mapping through an array like: // home.tsx render() { const { inputs, outputs,

I have case as shown in images below - my function accepts options in form of object with one of arguments being transform function.

I'm trying to implement firebase functions and i'm stuck at importing my service account key from my project. this is my code.

I'm investigating the use of the react router in a typescript application. how would i update the document title (document.title) and

Upon pushing my event to firestore, my data inside the event id's is wrapped inside another event(supposedly, map() object). why is this the case?

I'm struggling to make this text input throttle work in react even after reading lots of docs. import { throttle } from 'lodash';

The handleonchange function does not autocomplete the key parameter and does not provide the correct type for

I'm trying to use usedispatch inside my component's render function. import { usedispatch } from 'react-redux';

I am using usehistory hook in react router v5.1.2 with typescript? when running unit test, i have got issue. typeerror:

When i try to put menu component many times i get wrong popup list. i show my problem on codesandbox link below. i put data-id attributes to show

I am using react 16.10 with typescript. i have this code: const [state, setstate] = usestate<state>({ test: 1

I am trying to display the username of a logged in user in my html. i am using firebase for authentication purposes and angular 8 for the main

I have two components parent and child parent is resolving a promise in constructor, child is reveiving the result of the promise as

How can i autofocus input element? similar to

I believe i should be able to use bigint now in typescript...but changing some code base to use it and i get "cannot find name 'bigint'. (2304)"

I need help with the following function: getuser(uuid: string): observable<wowuserdatamodel> { let user:

Container.html <div ngif="externalcondition"> <!--initially this is false. later became true --!>

Everything worked out ok yesterday. today i did an update to get all commits from svn and nothing works anymore. whenever i run a test i

I want to use the multi step input directly, for example user choose f1 - and start the steps to choose items. currently i found the

So i have an input field which i would like to focus on load in an angular application. i read that the renderer2 way is the good method of doing

I have a html component with list <div *ngfor="let item of myarr"> <ul> <li> {{ item }}

I would like to know if it is possible in typescript to convert date() to

I would like to have drag and drop at the same time using react-dnd // ... imports ... class mycomponent extends

I'm trying to use the material ui 1.0 (beta) @withstyles annotation on a react component. the docs give a javascript example

After upgrading from angular 2.1.0 to 2.4.3 and webpack from 2.1.0-beta.25 to 2.2.0-rc.4 i recive this error if i run my webapp (the build works