For one of our clients, we’re using Grafana to display charts for the device data. These charts (panels) are embedded in a React app as iframes. Recently we noticed a strange issue with one of the embedded charts. The bar chart values were updated, but not their colouring. If one would reload the iframe URL,… Continue reading Grafana Panel Not Refreshing in Real-time (sometimes)
Hey folks, I just released my first personal app to the Google Play Store! It’s an app to group your friends by sport so you can recall who to call when in the mood for a particular activity. Get it from Google Play Store or check the app landing page on sportsmates.app!
I had a Redis Cache Plugin enabled for the website. It turns out that the Redis Cache Plugin uses the table prefix as a prefix for the Redis Cache keys. So if your staging site has a separate DB, but with the same prefix as in the prod one, the Redis Cache will get mixed… Continue reading WordPress: Creating a staging version, makes the production wp-login redirect to the staging one.
In case you have such an issue, and verify that you don’t call history.push() 2 times, check your content for an iframe. TL; DR: React tries to minimize re-rendering and will reuse the iframe element by just changing its src. This will update the history object, which is apparently shared with the main page (and… Continue reading In a React app, I need to press the back button 2 times in order to go to the previous page
I’m trying to migrate a managed expo app from Expo Classic build to EAS. After doing all the changes mentioned on the Migration to EAS Page, I still got an error while trying to build with `eas build -p android` The error was > Task :app:bundleReleaseJsAndAssets_SentryUpload_24 FAILED[stderr] error: project not found Well, the error seems… Continue reading EAS Build Fails on :app:bundleReleaseJsAndAssets_SentryUpload FAILED
We had a very strange issue with a project we work on. Our React app supports drag-and-drop of devices on a floorplan, using react-dnd. Everything works just fine locally and on our servers, but once the UI is deployed to the production machine (that is accessible via intranet), the drag-and-drop stopped working. Debugging the production… Continue reading React Drag And Drop not working with AnyDesk
In one of our projects, some of the items that had a shadow, was working just fine on Android, but the shadow was missing on iOS. After investigating it, it turned out to be related to the items that had overflow: ‘hidden’, which on iOS resulted in shadow being trimmed. Turns out on iOS, the… Continue reading React Native Shadow is Missing on iOS but is Okay on Android
TL;DR: Update your metro.config.js to use @expo/metro-config based on the latest guidelines (SDK 40+) – It’s funny when you encounter an error in a project, and after spending a lot of effort researching it, to find out that the cause is the same with a totally different error on a very different project. In my… Continue reading SentryError: Native Client is not available, can’t start on native when updating expo-cli to 4.x.x (from version 3.22.3)
I ended up getting this error after an unsuccessful attempt to update the expo-cli. The solution was to delete the .expo folder from the project. Good luck! : )
TL; DR: If you’re loading SVGs, check into your metro.config.js and see if you’re using the getDefaultConfig from ‘@expo/metro-config’. If you’re requiring it from ‘metro-config’, you should update your code based on the one below. More info in the readme of ‘react-native-svg-transformer‘ Recently I’ve had an issue with updating a project I was working on… Continue reading Icons Not Loaded After Updating ReactNative Expo to Version 40