Questions tagged [typescript]
TypeScript is a typed superset of JavaScript that transpiles to plain JavaScript. It adds optional types to JavaScript. This tag is for questions specific to TypeScript. It is not used for general JavaScript questions.
typescript
232,615
questions
0
votes
0
answers
7
views
Issue with Drag and Drop Elements using react-dnd in React
I am using the react-dnd library to implement a drag-and-drop feature for tasks between columns in a React application. I encountered an issue where dragging tasks behaves incorrectly:
Problem on the ...
- 27
0
votes
0
answers
23
views
Distributive on generic types
How does TS perform Omit on generic types?
type DistributiveOmit<T, K extends keyof any> = T extends any ? Omit<T, K> : never;
type Data = { v: { k: 1 } }
function P<T extends Data>(...
- 1,310
0
votes
1
answer
13
views
How to make React-Email & Resend work with Firebase Cloud Functions
I have a Nextjs app that utilizes both React-Email, Resend & Firebase Cloud Functions. The directory structure looks like this:
I want to send an email to a user whenever a doc is created in &...
0
votes
1
answer
24
views
How to give every element of an array a ref in Typescript?
I have a component that renders multiple things, one of that is an array of spans.
Here is a part of my code:
class MyComponent ... {
private targetSpan = HTMLElement;
componentDidMount() {
//...
- 389
0
votes
2
answers
20
views
Wait for a response before loading template
I have an angular application that makes a server call on ngOnInit() and returns a result. I then use the result to populate a model in my template. My template is loading before the call is finished, ...
- 1,765
0
votes
0
answers
23
views
Creating a type from an object's keys and values in TypeScript
I'm trying to create a new type based on the type of a statically defined object in TypeScript. Given the following map:
const map = {
'hello': {a: 1, b: false},
'world': {b: 'hello', c: null}
...
- 96
0
votes
1
answer
39
views
Why does Typescript only widen the return type from a Promise.catch() but not from a synchronous catch?
Steps to reproduce:
Define a function that returns a promise of string or false.
Call and return an async function and return false from the catch method.
Problem:
Typescript claims it doesn't match ...
- 3,224
0
votes
0
answers
15
views
Vue3 Typescript Sum all values of a column in an array
I'm still very new to this programming language and I'm trying to take an array column and sum its values so I can show a total amount on the webpage.
Question #1
I was attempting to use a computed ...
0
votes
1
answer
19
views
class validator required if
I have this class
class A {
@IsString()
@MaxLength(99)
prop1: string
@IsBoolean()
prop2: boolean
}
I want it to be:
string.
required (if prop2 is true).
optional if prop2 is false.
In ...
- 2,920
2
votes
1
answer
39
views
Remove the `length` property from a callable type
Assume I have the following type:
export type Foo<T> = (() => T)
Is it possible to remove the length property from it while keep it callable ?
Also, using Omit, Omit<(() => T), 'length'...
- 48.1k
0
votes
0
answers
8
views
Setting up Tone.js on button click still fails with : The AudioContext was not allowed to start
I have a angular component that has a button to start an animation and at the same time play some notes each time a number is highlighted
I'm setting up tone.js synth when the button is pressed see ...
0
votes
0
answers
29
views
A strange behavior when checking `extends ReadonlyArray<any>`
See code:
https://www.typescriptlang.org/play/?#code/...
- 1,310
0
votes
1
answer
19
views
How to write a test against randomly selected values from a collection?
I have a function which selects a random value from an array to be returned:
export function selectMovieUnderDuration(options: IStreamRequest, movies: Movie[], prevMovies: Movie[], duration: number): ...
- 789
0
votes
0
answers
16
views
Simple sticky scroll effect causes glitch on mobile browsers
I wanted to use a scroll effect (parallax + filters) in a very simple page. It's just a sticky 120vh div with a background image and some text.
Everything works fine in the desktop browser and with ...
- 8,656
-1
votes
0
answers
18
views
Cypress. How to pass the same data to "it" functions within one "describe" function
I am testing 2 products. 1 for users and 1 for employees. The user creates a request and then it is processed by the employee. I generate an object with random test data. Based on this data, I create ...
- 37