This is really puzzling me! I'm working on a nestjs project that uses typeorm, and the structure looks like this: + src + dal + entities login.entity.ts password.entity.ts + repositories ...
Note! The issue has been somewhat resolved by using "theme: any" in the code below, but I am seeking a more effective solution. My front-end setup consists of React (v17.0.2) with material-ui (v5.0.0), and I keep encountering this error: The 'palet ...
I'm currently working on optimizing my typescript react code by reducing repetition. I'm curious to know if there's a way to generate a type based on the return type of a known function? For example: const mapStateToProps = (state: StoreSt ...
Implementing express-jwt and graphql together in typescript has been a challenge for me. import * as express from 'express' import * as expressGraphql from 'express-graphql' import * as expressJwt from 'express-jwt' import s ...
I am working on a simple function that executes 3 asynchronous functions in sequence: fetchData() { this.fetchUsers('2') .pipe( flatMap((data: any) => { return this.fetchPosts(data.id); }), fl ...
I'm encountering an issue while attempting to pass Image data to the addImage function. I have tried downgrading the versions of jspdf and html2canvas, as well as experimenting with different ways to import the two libraries, but the problem still per ...
Utilizing typescript and react in this scenario. Fetching my variable const style = 'display: inline-block;' Constructing a simple component export const GitHubIcon = () => <i className="fa-brands fa-github"></i> Enh ...
Can someone assist me in adjusting my approach to waiting for an axios response? I'm currently sending a request to a WebService and need to wait for the response before capturing the return and calling another method. I attempted to utilize async/aw ...
Almost there, but stuck on the final TS2322: Type TcolTuple[i] is not assignable to type string | number | symbol compiler error. Here's a nifty utility function called rowsToObjects() that many developers have probably come up with at some point, ...
I keep encountering an error whenever I attempt to add a 3rd party Vue.js library to my project: Could not find a declaration file for module 'vue-xxx' Libraries like 'vue-treeselect', 'vue-select', and 'vue-multiselect ...
Is there a way for me to process JSON from the template in a manner similar to the second code I provided? First code. This method works well when using .json and .map () @Component({ ..// template: `..// <li *ngFor="#user of users"> ...
I am currently working on implementing a file upload feature in Angular. I have tackled the issue of file size restrictions by creating an API endpoint that can receive file chunks. Once all the chunks are received, another endpoint needs to be triggered ...
When trying to call an action function in getServerSideProps using TypeScript, I encountered some challenges. In JavaScript, it is straightforward: import { wrapper } from "Redux/store"; import { getVideo } from "Redux/Actions/videoAction&qu ...
I am looking to convert a JavaScript number into the smallest possible uint8array representation. For example : 65 535 = Uint8Array<[255,255]> (0b1111111111111111 = [0b11111111, 0b11111111]) 12 356 = Uint8Array<[48,68]> (0b0011000001000100 = [ ...
In order to disable the button when the remarks are marked as failed. Here is an example scenario: Imagine there is an array containing two to four items. First example: ITEM 1 -> FAILED -> Remarks (required) ITEM 2 -> FAILED -> Remarks (r ...
Looking to iterate through an object that combines two interfaces. interface Family { cat: string; age: string; family: string; lastYearFamily: string; } interface Model { cat: string; age: string; ...
I am looking to create a video call application using React and Next.js with the AgoraRTC SDK. After successfully running AgoraRTC.createClient(), AgoraRTC.createStream(), and client.init(), I encountered an error when trying to execute client.join(). The ...
Currently working on Angular 4 and facing an issue with referencing a component from another module. In my EngagementModule, the setup is defined as below: import { NgModule } from '@angular/core'; // other imports... @NgModule({ imports: [ ...
There is a parent component that establishes a useState hook with a string array. Then, there is a child component tasked with updating the string array. To accomplish this, both the string array and the useState function are passed to the child component. ...
How do I utilize statId instead of id in my code? Should I create a unique id property for each row? Error: MUI: All rows in the data grid component must have a distinct id property. Alternatively, you can define a custom id using the getRowId prop. A ...
I am in search of a component that can retrieve a list of files from the user without actually uploading them. The upload functionality is already in place; I simply require a list of selected files. The component must meet the following criteria: Restric ...
Just starting out with next.js and encountering a problem that I can't seem to solve. I have some static links that are redirecting to search.tsx under the pages folder. Current behavior: When clicking on any of the links, it waits for the API respo ...
Is there a way to convert between these two types of generic functions: type Foo=<S>(a: S) => S type FooReturnType = ReturnType<Foo> // unknown type Bar<S> = { (a: S): S } type BarReturnType = ReturnType<Bar<string> ...
My express application has the following routes: // Get category by id innerRouter.get('/:id', categoriesController.getById) // Get all categories along with their subcategories innerRouter.get('/withSubcategories', categoriesControll ...
I am working with enums in TypeScript. enum Status { Cancelled = 'cancelled', Completed = 'completed', Created = 'created' } Now, I need to create another enum that includes only the values Completed and Created. enum S ...
I am currently attempting to enhance my Angular App by using a button to transfer information to a form upon clicking, rather than the traditional radio buttons or select dropdowns. My objective is to incorporate HTML content into the button (such as Mat-I ...
I have been developing a web application using Angular (version 2.4.0) and TypeScript. The application utilizes a custom currency pipe, which leverages Angular's built-in CurrencyPipe to format currency strings for both the 'en-CA' and &apos ...
I recently utilized a module that had the capability to perform a certain task function print(obj, key) { console.log(obj[key]) } print({'test': 'content'}, '/* vs code will show code recommendation when typing */') I am e ...
Can anyone help me with this error message "TypeError: PartyModel is not a constructor"? I've tried some solutions, but now I'm getting another error as well. After using const { ... } = require("./model/..."), I'm seeing "TypeError: C ...
These are the definitions for two basic types: type AudioData = { rate: number; codec: string; duration: number; }; type VideoData = { width: number; height: number; codec: string; duration: number; }; Next, I need to create a MediaInfo typ ...
Is there a way to customize Metadata for users based on search engine keywords? To enhance SEO performance on my website, I am working on setting up unique Metadata for the two languages my website supports: English and Portuguese. Specifically, I aim to ...
I have an Azure Function written in TypeScript that utilizes various technologies such as TypeORM, Apollo Server, and TypeGraphQL. The function involves creating resolvers for projects and tasks and establishing a database connection. import { createConne ...
Having an issue with MUI's MenuItem in conjunction with Select and rendering it within a separate component. Check out the codesandbox for reference. The setup is as follows: import { Select } from "@material-ui/core"; import CustomMenuIte ...
Consider the following code: let someVar: Array<string>; somevar = ["a", "b", undefined, "c"].filter((it) => !!it); The code above is resulting in an error: Type '(string | undefined)[]' is not assignable t ...
Currently, I am dealing with an API JSON to fetch a list of countries, followed by a list of states, and then cities within that state and country. The challenge lies in the second API call that I make. In the beginning, I load a list of continents and the ...
When utilizing Computed Property in javascript, I can structure my code as follows const default_values = {a:"debug",b:"info",c:"warning"}; function execute(y) { let x = default_values[y] || default_values.a /* if y is no ...
I recently started working on a new Next.js project and integrated Clerk into it. I set up the env.local and middleware.ts files before wrapping the HTML div with ClerkProvider. However, when attempting to run the project locally, I encountered the followi ...
My function for selecting the date is working perfectly: formatDateField(event: Date, formControl: string) { this.form .get(formControl) .patchValue( this.datePipe.transform(event.getTime(), "yyyy-MM-dd'T'HH:mm:ss&quo ...
I am seeking help to understand how to write a custom validator for a reactive form. Here is the component code: private form: FormGroup; ngOnInit() { const this_ = this; this.form = new FormGroup({ 'email': new FormContr ...
As a beginner in React and TypeScript, I'm working on calling a Graph API using POST method. Below is my code snippet: const OwnerPage: React.FunctionComponent = () => { const [TextFieldValue, setTextFieldValue] = React.useState('& ...
I've been working on developing a login page using Angular framework. However, I'm facing an issue where I am unable to access the destination page after entering the login credentials. Below, you can find a snippet of the code from the login.com ...
Lately, I've been diving into Angular and attempting to create a github search application using the github api. However, I've encountered some roadblocks with routing and data passing. My goal is for the user to land on a page like /user/userID ...
Currently, I am working with Typescript and Puppeteer. My goal is to extract the innerText from an element. const data = await page.$eval(selector, node => node.innerText); However, I encountered an error: The property 'innerText' is not ...
A fresh Typescript project called puppeteer-jquery has just been released on the NPM registry. The code is functioning perfectly well. However, when attempting to integrate it into another project: npm install puppeteer-jquery and trying to import it lik ...
I've been creating a series of slides with questions, and the final slide serves as a summary of the previously answered questions. I want to ensure that the submit button is always visible at the bottom of this last slide. However, I've encounte ...
I am trying to figure out how to display users and their corresponding information in a structured way. Each user should be presented in their own column, with the associated information displayed within that column. I have been attempting to drag and drop ...
I encountered a situation where I had 2 separate arrays: items = [ { offenceType:"7", offenceCode:"JLN14", }, { offenceType:"48", offenceCode:"JLN14", } ]; demo = [ { offenceCode: 'JLN14&apo ...
I am currently developing a TypeScript project that involves performing intricate transformations on deeply nested JSON data. While I am utilizing lodash for utility functions, I have encountered a challenge in the following scenario: { "users" ...
Query import React, { useContext, useEffect, useRef } from 'react'; After enabling esModuleInterop and allowSyntheticDefaultImports in tsconfig.json, using eslint-import-plugin and eslint-import-resolver-typescript for import linting triggers an ...
Attempting to call an http post method from an Angular 4 component to a web API is resulting in empty values being returned. Even when checking the request using postman, the values are still empty. Here is the http post call from the component file: Ed ...
My application built with Ionic heavily relies on conditional compilation, where I need to include or exclude code blocks based on specific config values, similar to the functionality of m4. Previously, I successfully utilized https://github.com/nippur72/ ...
I'm facing a challenge with an array declared as as const: // example of a simple mock class class Child { _ = "" } const child = new Child(); const schema = [[child], child] as const; // readonly [readonly [Child], Child]; This array rep ...
Encountering an issue with the angular framework when trying to select a value from ng-for loop <tr *ngFor="let dept of department" (click)="clinicChoose(dept)"> <td class="text-center">{{dept.sectionCode}}</t ...
I am in the process of converting my current React app with JSX to TSX, but I am facing an issue with the AppContext not functioning as it did in my JSX version: App.TSX : export interface ContextType { cursor: {x: number, y: number}, } export const Ap ...
After utilizing an "*ngFor" loop to display objects stored in an array, I noticed that when I use the array.sort() function, the elements change position within the array. However, Angular fails to detect these changes and does not trigger a refresh of t ...
Currently, I am experimenting with the functionality within TripService: async createAndMapTrips<T extends ITripEntity>( driver: DriverEntity, entities: T[], intervalInMinutes: number = 10, ): Promise<[TripEntity[], T[ ...
Is there a way in Typescript to retrieve a list of all classes that implement a specific interface? In .Net, you can achieve this using reflection, but I haven't been able to find information on how to do the same in Typescript. Here's an examp ...
Currently, I have implemented the selectTo dropdown feature in angular material design. Here is the code snippet that I am using: <mat-form-field id="inputClick" appearance="outline" (click)="Valid()"> <mat-label>{{'GENERAL.TITLE' | ...
Imagine you're faced with this scenario involving a Typescript class: class Person { name: string; age: number; } If you were to create an object type with the same properties, using the any type, but with all properties being optional - how wou ...
I'm dealing with an interface right now export interface IInterview { id: number; title: string; body: string; } When I use console.log(interview) in my controller, it displays: Object {title: "I SEE SOMETHING", id: 2, body: "THIS IS SO ...
Within my codebase, there exists a component known as StepperTile. This component has the ability to accept two specific props: title_part_1 title_part_2 However, when attempting to render this component, I encountered an error within the StepperTile fil ...
Currently, I am developing a project using Next.js along with Drizzle ORM. The main functionality involves creating and updating tasks. However, after submitting the task form, the page navigates back to the homepage, but the newly created/updated task doe ...
Can anyone help me identify the issue in my code? I am working on a simple API get request. It successfully retrieves data from my API: const GetMedicalPackages = async (props:IGetMedPack)=>{ const token = props.token const data = axios({ ...
Is there a way to efficiently handle potentially long computations, such as parsing huge JSON responses, in a non-blocking manner? I experimented with using the multithread.js library for background work using web workers. However, this library requires p ...
Is it possible to define a Recoil atom with a default value that is an object of objects? Look at the code below for an example: export const formData = atom({ key: "formData", default: { user: { firstName: "", l ...
I am facing a scenario where I have a parent class that mandates child classes to implement a unique businesslogic() method. Each child class has its own version of the businesslogic() method with different type signatures. The parent class includes a com ...
Understanding the Format of JSON Array in LocalStorage Greetings, I am currently working on an Ionic app and I am relatively new to Ionic and Typescript. In the image provided below, you can see that I am retrieving my data from an API in a json array fo ...
I recently started learning about Ionic 2 and spent time going through the documentation. I tried implementing this code to get the current select value when it changes and print it to the console. page.html <ion-select #D ionChange="onUpdate(D.value) ...
Here is the data I am working with: { "2022-06-01": { "09:00am": { "time_table_id": 1, "job_id": 4, "start_working_time": "09:00am", "end_working_time": &qu ...
I encountered a type error while attempting to set a property in my user.service.ts. Here is the code snippet from user.service: import { Injectable } from '@angular/core'; import { UserModel } from '../models/user.model'; @Injectable ...
I wrote this code to move a window with the mouse, but it's not working as expected. How can I improve it and make it cleaner without using 3 useEffects? import { BsCircle } from "react-icons/bs"; import { useState, useEffect, useRef, useCal ...
I am currently developing an Angular application and here is the structure of my data: data= [ { "id": 2, "name": "Jamie", "objectId": 200, "parentId": null, "children": [ { "id": 98, ...
I am currently in the process of developing a currency exchange application using Angular 4, but I have encountered an issue when trying to update a property value. Allow me to elaborate: My app includes a service that fetches the current Bitcoin price in ...
Is there a way to determine if a slot has a value or is empty? Below is the code I am using: <div> <slot name="info"></slot> </div> Here is the pseudo code of what I am trying to achieve: <div> <slot name ...
Running a graphql query inside getFriendId() retrieves an id, followed by a mutation in addFriend(), which uses the id along with user input (email). The issue arises when updating the email address in the input and rerunning the query/mutation; it still u ...