All articles

Trouble learning React Class components with generics React is a popular JavaScript library used for building user interfaces. It provides a way to create reusable UI components that can be composed together to build complex applications. One of the features introduced in React is the use of class components, which allow for more advanced functionality…

When hiding the tabBar on specific screen, it displays gray area at the bottom of page on Expo app If you are using React Navigation in your Expo app and you are facing a gray area at the bottom of the page when hiding the tabBar on a specific screen, you are not alone. This…

MongoDB Filtering on Reference Fields When working with MongoDB, it is common to have documents that reference other documents through fields. These reference fields allow for more complex data relationships and can be useful for organizing and querying data. In this blog post, we will explore how to filter MongoDB documents based on reference fields…

How to Highlight Line Chart Area on Hover (Using Recharts) If you are working with line charts in TypeScript using the Recharts library, you may have encountered the need to highlight specific areas of the chart when hovering over it. This can be useful for emphasizing certain data points or trends. In this blog post,…

Can reach WebAPI from Postman but not Angular app If you are facing the issue where you can reach your WebAPI from Postman but not from your Angular app, there could be a few potential causes for this problem. In this blog post, we will explore some possible solutions to help you troubleshoot and resolve…

Cannot find module ‘/static/media/profile.png’ If you are facing the error “Cannot find module ‘/static/media/profile.png’” while working with TypeScript, don’t worry, you’re not alone. This error typically occurs when TypeScript is unable to locate the specified module or file. There can be multiple reasons for this error, but we will discuss two common scenarios and their…

How to retrieve the updated cell value in a Material UI Datagrid using GridCellParams If you are working with Material UI Datagrid in TypeScript, you may come across a situation where you need to retrieve the updated value of a cell after it has been edited by the user. In this blog post, we will…

ES6 – Is there a way to filter deeply nested object by a search term When working with deeply nested objects in JavaScript, it can sometimes be challenging to filter and extract specific data based on a search term. However, with the introduction of ES6, there are multiple approaches you can take to achieve this.…

Type ‘string[]’ is not assignable to type ‘[{ original: string; }]’ If you are working with TypeScript, you might have come across the error message “Type ‘string[]’ is not assignable to type ‘[{ original: string; }]’”. This error occurs when you try to assign an array of strings to a variable that expects an array…

How to Use Properly useMemo Substitutes? When working with TypeScript, you might come across situations where you need to optimize the performance of your React components. One way to achieve this is by using the useMemo hook, which memoizes the result of a function so that it only recomputes the value when the dependencies change.…