Category "typescript"

How to use TypeScript and forwardRef in ReactJS?

I'm having a problem when using forwardRef with TypeScript. What I want? pass a typed ref to the child component. What am I getting value of console.log - child

Save Proto Timestamp as a string instead of object in Typescript

I currently have a birthday field in my proto definition defined as google.protobuf.Timestamp birthday = 1; When data is saved in the database its saved as an

Invalid document reference. Document references must have an even number of segments, but cities/SF/landmarks has 3

Hello I am following the firestore tutorial here https://firebase.google.com/docs/firestore/query-data/queries#web-version-9_14 First they instruct me to seed t

Using boolean variable in Serverless (TypeScript) config

I’m trying to use a boolean variable in a Typescript serverless config, but I can’t seem to get the syntax right. From the docs, I think I’m s

how to mock slack web api for jest

i have an app that's using the @slack/web-api package through the named import WebClient. i want to test one of the controllers that uses a model that in turns

Problem with styled-components running React 18 and Next.js. Module not found: Can't resolve 'process'

I have to use React 18 for Suspense in a three.js/next/ts project (I have tried using next/dynamic and it does not work). So I installed it and updated everythi

Jest: to check if a function is called by a specific instance of class in JavaScript/Typescript

I am testing some express middlewares with jest. it("should throw 400 error if request.body.id is null", () => { const req = { body: { id: null } } as an

"export 'Metric' was not found in '@superset-ui/core' (ERROR in ./node_modules/@superset-ui/chart-controls/esm/types.js) Angular/React

I'm new to superset-ui and currently looking to use it in our Angular application, although this issue occurs for React as well. I just wanted to try out "@supe

How to use map filesystem folder to debug original sources in Chromium Developer Tools

I have a website running at https://somewebsite.com/. It references a compiled javascript file: /js/site.js mapping file is also available on the server /js/sit

Unhandled Rejection (TypeError): this._oAuthHandler is undefined

I am trying to run Amplify Authentication within my TypeScript/React web application. I've had it working for weeks, but am now getting errors within the source

Typescript access and assign object property by dynamic key

I am trying to assign a value from an object of type TestInterface to another object of type TestInterface by accessing it with a dynamic key of type keyof Test

Warning: Prop `id` did not match. Server: "fc-dom-171" Client: "fc-dom-2" when using FullCalendar in Next.js

Context I'm using FullCalendar v5.11.0, NextJS v12.0.7, React v17.0.2 and Typescript v4.3.5. I wanted to create a simple calendar, based on FullCalendar documen

How to import a JSON5 file (as one can regular JSON) in Typescript?

I would like to import a JSON5 file into a Javascript object in the same way [one can import a JSON file](import config from '../config.json'). Shows this mess

Async child_process.exec with TypeScript

I'm trying to use a child_process.exec call with TypeScript, and error handling seems excessively hard to get right. Here's the gist of what I'm trying to do: i

Type argument at moment of use

I'm trying to build a generic tool for handling the response to React Query useQuery requests in my app, and build this out using TypeScript, so that the data i

JIT compilation failed for NgModule class

Here i got an Error like JIT Compilation failed and needed to flag some -aot and etc.. stuff

How do I get Intellisense for JavaScript in VS Code to work? (npm installed @types)

I am writing a little web project with p5.js. Basically it is just this right now: <!DOCTYPE html> <html lang="en"> <head> <script src="h

How to rotate material-ui icon

I'm trying to rotate material-ui icon using css property animation but not getting the desired result. Can somebody please help me identify what's going wrong h

Remove certain fields from the mongoose HydratedDocument

When we lean the documents, the id property is still included which is undefined and can cause unexpected errors. To simplify this for my team, I want to remove

How to flush promises since Jest 26+

Jest 26 shipped a new implementation of fake timers based on @sinonjs/fake-timers. Previously I used const flushPromises = () => new Promise(setImmediate); a