Category "typescript"

Although I write the necessary codes, I can't get results [closed]

Laptop text and price should appear on the blue button. Although I write the necessary codes, I can't get results <div class="card" style

How to create a reusable react-hook-form component with TypeScript generics?

Person component is reused in two different forms: Person.tsx import { UseFormReturn } from "react-hook-form"; import { FieldPaths } from "./types"; type Prop

Why does Zod make all my schema fields optional?

I am using Zod inside my Express & TypeScript & Mongoose API project and when trying to validate my user input against the user schema it returns types

typescript not recognising type for the tupple returned

Below code throws an error when the tuppleFunc is used in the error field for the payload. interface FormItemPayload { value: string; error: boolean; erro

typescript not recognising type for the tupple returned

Below code throws an error when the tuppleFunc is used in the error field for the payload. interface FormItemPayload { value: string; error: boolean; erro

Why does Zod make all my schema fields optional?

I am using Zod inside my Express & TypeScript & Mongoose API project and when trying to validate my user input against the user schema it returns types

Unsafe value used in a resource URL context (iframe)

Trying to pass value as iframe url from local db and and im getting error message: Unsafe value used in a resource URL context. i'm trying to display an array

How to set initial state for redux reducer in typescript?

I am getting this TypeScript error Property 'hasError' does not exist on type '(state: ErrorType | undefined, action: ErrorActionType) => ErrorType'. which I

TypeScript : avoid extra properties

To make it simple, I have an issue with Typescript's "Excess Property Checks" behavior. I would like to be sure that an object with extra properties is not be a

Jest not implemented for window.open

Jest not implemented for window.open, getting error on the console but unit test is getting pass with console error a.ts file myFun(){ window.open('https://

Jest not implemented for window.open

Jest not implemented for window.open, getting error on the console but unit test is getting pass with console error a.ts file myFun(){ window.open('https://

Infer return type of function that takes a discriminated union?

I have a function that takes in an object that uses a discriminated union that returns a different structure based on that property. While i could write an asse

How to add a value within specific key when extending an interface?

Let's say I have an interface: interface Person { age: number name: { first: string second: string } } And I want to extend Person to Friend, whi

Uncaught TypeError: emit is not a function in vue3

when I write this code in vue 3 setup code block to get the input value follow this answer, this is part of the code: import { defineComponent } from "vue"; imp

Jest test for a copy to clipboard method using react with typescript

I am trying to ensure that the right value is copied to the users clipboard when they click a button. This is my copy method. I am using a ref on the input to a

webpack enhanced-resolve plugin not working

I'm trying to follow these instructions by the developers themesevles at https://github.com/webpack/webpack/issues/6817#issuecomment-542448438 which doesn't wor

"No overload matches this call" error when setting up ContextApi & useReducer using Typescript

I trying to set up ContextApi & useReducer with typescript. On my "issuesInitialState" variable in useReducer, I get the error: No overload matches this ca

How to type properties in merging object for getInitialState of createEntityAdapter object?

I want to type status with FetchingStatus type. How to implement that? type FetchingStatus = 'idle' | 'loading' | 'succeeded' | 'failed'; const initialState =

How to get React Testing Library's userEvent to type into an input

I can successfully implement a test with React Testing Library's fireEvent method, but when I try equivalent tests with userEvent I can't get it to trigger anyt

Typescript ClassDecorator target type

I'm writing my own decorators in typescript. Currently, my decorators look like this: const Controller = (prefix = ''): ClassDecorator => (target: any): voi