I recently tried to use __dirname inside a ES module. It turns out, that I cannot. It throws an error. So let us see how To Fix ReferenceError: __dirname is not defined. For people who do not know what it is, let us first discuss what __dirname is. __dirname is a global variable in Node.js...
The need to verify and notify the user if the Caps Lock key is on is fairly common. It is particularly significant when constructing password inputs because users do not realize they are typing with their caps lock on. Let us see how to detect caps lock with JavaScript to do...
TypeScript is way more powerful than I give it credit for. I recently learned about creating new TypeScript types using template literal types, and I was pretty surprised to know that TypeScript can do that. Let us assume we wanted to create a type for the CSS properties margin and...
As codebases grow larger and more complex in structure, imports can become unmanageable. As more directories are added, imports become intricately long and obscure clarity. Fortunately, we can simplify imports with path aliases. The problem The following is a fairly common occurrence in a large project: This can be burdensome...
I recently ran into the error “Cannot find module ‘fs’ or its corresponding type declarations.ts(2307)” while I was using VSCode and I was searching for a fix. Turns out all I needed to do was to add the definition file for node types in my project. After that, reloading the...
When working with React, developers often come across the need to render lists of items efficiently. Every item in a list needs to have a key prop assigned to it. It is essential for enabling React to track changes made to these items. Using array indexes as these keys is...
Jest has the ability to check for partial matches on arrays and objects. Let us see how to do partial matching in Jest. expect has powerful matcher methods for partial matching, and they can also be combined with the tohavebeencalledwith method. Matching objects partially using expect.objectContaining When trying only to...
![JSON.parse(): Fixing ‘SyntaxError: “[object Object]” is not valid JSON’](https://www.wisdomgeek.com/wp-content/uploads/2023/10/Screenshot-2023-10-22-at-6.09.59 PM-520x293.png)
SyntaxError: “[object Object]” is not valid JSON: usually happens when the value being passed to JSON.parse is not a string value. Let’s see how we can fix it. Scenario 1: The value is already an object Since the value being passed to JSON.parse is already an object, we don’t need...
Think that the knowledge shared is helpful? You might want to give our mailing list a try. We'll send you 2-4 emails a month, right when new posts come out.
