Comment by HMR on Why using a createSelector function in another file causes...
@LoyalPotato Looking at it more closely you may be right, both end up with a component having its own selector and both should in theory not re render as long as status does not change. Maybe it is...
View ArticleComment by HMR on Throw new Error with Object in TypeScript Jest
@spinningarrow Did someone tell typescript yet because I still have typescript complaining about it.
View ArticleComment by HMR on Add typescript to express application
@caTS It's unintuitive because server.js does not exist but it did the trick. Thank you for your help.
View ArticleComment by HMR on How to run Mocha tests written in TypeScript?
Cannot parse the mocharc.js unless renamed to mocharc.cjs and then cannot import anything in a project with typescript and javascript.
View ArticleComment by HMR on Nodejs stream, how to indicate to piped streams the...
@jfriend00 Thank you for the tip, I tried it in this sandbox but unless I add a listener to the data event of task the end event will not trigger. I have also updated the code in the question to the...
View ArticleComment by HMR on Modify trpc error before sending the response
@Unmitigated Yes, I did try opts.error = new TRPCError({message: 'changed error',code: 'INTERNAL_SERVER_ERROR',}) and opts.error.message="changed" but that did not change the error returned by the server.
View ArticleComment by HMR on Mocked selectors (reselect + jest) stopped working with...
@jake-ferguson I see you put a bounty on this 2 days ago so I assume you still have quite a predicament. Does the latest version still have this issue? As Lin Du suggested; is it possible for you to...
View ArticleComment by HMR on trpc error Input parser must be a ZodObject
Thank you for your reply, I found that trpc-opeapi uses zod-to-json-schema and zod-to-json-schema does not support union. Hence trpc-openapi does not support OpenAPI 3 spec.
View ArticleComment by HMR on Convert Typescript with JsDoc
Not sure if I did it right but I've taken the code from OP and ran ts-to-jsdoc and no jsdoc can be found in the output. Your repository describes the project as converting "TypeScript code annotated...
View ArticleComment by HMR on Jest ReferenceError: Request is not defined
@Craicerjack It's Request just like fetch it should be available in node as well as in (most) browsers.
View ArticleComment by HMR on Prevent Y scrollbar on parent and adding scrollbar to child
Thank you for your reply but I can't apply this: I have a parent that is used as a React component and has a scrollbar, I cannot change the parent The parent has many routes and in all of those routes...
View ArticleMock useSelector with different values
I'm trying something like this:const useSelector = jest.fn();jest.mock('react-redux', () => ({ useSelector,}));Then trying to do something like...
View Articlemocha Unknown file extension ".ts"
Trying to get this to work from the following exampleIn my mocharc.json:{"extension": ["ts"],"spec": "test/unit/**/*.spec.ts","require": "ts-node/register"}in package.json:"scripts": {"tstest": "env...
View ArticleAnswer by HMR for How to move an element into another element
I need to move content from one container to another including all the event listeners. jQuery doesn't have a way to do it, but the standard DOM function appendChild does.// Assuming only one .source...
View ArticleAnswer by HMR for Mock service worker on node post and grapql.query not working
I see the library I use created a header 'Content-Type': 'application/graphql', seems fine according to a quick read here but when I change it to 'Content-Type': 'application/json' (library allows me...
View ArticleMock service worker on node post and grapql.query not working
I have a node app that uses a library to make a graphql query after it authenticated. The following graphql query does not pick up the request: graphql.query(/^(.+?)$/, (req, res, ctx) => {...
View Articleexpress not executing error handling middleware
This is the server:app.use(authMiddleware)app.use(express.json())app.use(CUSTOMERS, customerRouter)app.use(handleError)function startServer() {So handle error is the last middleware, this is the route...
View ArticleAnswer by HMR for express not executing error handling middleware
In validateUser I am calling next twice: const errors = validate(request.body) errors.length ? next(new HttpError(400, 'Invalid user sent', errors)) : next() next()//do not need this oneRemoving that...
View ArticleAnswer by HMR for Is React-Redux still useful as of 2023?
If you have a global useContext and/or/with useReducer then all components using that context will re render no matter if the part of the sate they use has changed or not, if you also have a handler...
View ArticleAnswer by HMR for Can someone explain how input functions are used in...
I think more important to how reselect works is why one should use it. The main reasons are composability and memoization:ComposabilityAnother way of saying this is that you write a selector once and...
View ArticleAnswer by HMR for For what purpose useSelector() and reselect...
You cannot always pass values to a component from its parent because the parent doesn't logically own the value (shared state) or because there are many component in between the component that has the...
View ArticleReact MUI TreeView key navigation broken when using a Branch component
When I do the following I can navigate with my arrow keys through the tree and the tree gets focus when I tab through the document (only root items, sub branches are broken because they use...
View ArticleAnswer by HMR for Is there a performance penalty when using closures to...
selectOrdersByCustomer(customerId) Creates a new function every time it is called but still does not need to be a problem if you have a pure component that only re renders when customerId changes:const...
View Articlei18n currency produces many warnings
I have the following warning in my vue 3 app:[intlify] Not found 'currency' key in 'US' locale messages.[intlify] Fall back to number format 'currency' key with 'en-US' locale[intlify] Fall back to...
View ArticleAnswer by HMR for trpc error Input parser must be a ZodObject
I found that trpc-opeapi uses zod-to-json-schema and zod-to-json-schema does not support union. Hence trpc-openapi does not support OpenAPI 3 spec.
View Articletrpc error Input parser must be a ZodObject
I have the following input schema:const inputSchema = z.union([ z.object({ id: z.string(), }), z.object({ key: z.string(), }),])This schema works until I do:import { generateOpenApiDocument } from...
View ArticleAnswer by HMR for Jest ReferenceError: Request is not defined
Jest has an outdated jsdom config because it uses outdated jsdom.I applied the sollution here and it works as long as I add the ts file in the jest config as testEnvironment but won't if I want to use...
View ArticlePrevent Y scrollbar on parent and adding scrollbar to child
I have a parent that is used as a React component and has a scrollbar, I cannot change the parent but in a certain case I'd like the parent not to display the scrollbar and instead have the child...
View ArticleMongoose auto increment
According to this mongodb article it is possible to auto increment a field and I would like the use the counters collection way.The problem with that example is that I don't have thousands of people...
View ArticleNext.js getServerSideProps show loading
I am using getServerSideProps in pages/post/index.js:import React from "react";import Layout from "../../components/Layout";function Post({ post }) { console.log("in render", post); return (<Layout...
View ArticleHow to change indentation in Visual Studio Code?
For every typescript file visual studio code uses an auto indentation of 8 spaces. This is a bit too much for my taste but I can't find where to change it.Maybe it's available as a setting but under a...
View ArticleDocker container, how to use host proxy
Because I'm in China it is nearly impossible to use Docker Hub, Git, GitHub, npm and loads of other tools without a VPN.I finally found how to have the Docker daemon use a proxy (share VPN in the VPN...
View ArticleVue i18n sometimes warn about missing key
In my home component I have the following:const { location } = useLocation();const { t, n } = useI18n();const freeShippingValue = computed(() => { return n(100, 'currency', location.value);});In my...
View ArticleHow to get the last modification date of a file in a git repo?
I'm trying to find a command to get the last modified date of a file in a local git repo.I have created the repo and done one commit. I only had to edit one file and will commit it, but I was wondering...
View Articlevscode format not formatting
I installed prettier plugin for vscode and have a .pretteirrc.js:module.exports = { trailingComma: 'es5', tabWidth: 2, semi: true, singleQuote: true, printWidth: 60,}In settings the default formatter...
View ArticleRef to html element does not have correct height
I know this has been asked many times and the answer is always that the effect does not run when refs are mutated but that is not the issue because I run the effect every second until I have an html...
View ArticleComment by HMR on Ref to html element does not have correct height
I have tried for 2 hours to create a reproducible example but was unable to do this. In my project it would not work but my project uses content selectors that creates hidden content and at some point...
View ArticleAnswer by HMR for Ref to html element does not have correct height
Below is a snippet that shows the problem, using an effect to set a height state value based on a ref doesn't work if you conditionally render components passing the same ref. The solution I used was...
View Article