hirbod

Fixing LG Screen Manager's firmware update crash at 20% on Apple Silicon

LG Screen Manager 3.05 kept crashing at 20% while updating my UltraFine 5K. Reconnecting the display and trying again didn't fix it. Both crash reports pointed to the same invalid memory release in the updater.

I used Codex to inspect the installed app and create a small patch. I then ran the firmware update myself. It got past 20%, reached 100%, and passed the final checksum check.

This Gist explains the change and includes a script that patches a separate copy of the app. It does not include LG's app or firmware.

Credit

hirbod

What

If you’re using Zeego or any other React Native library that throws weird framework-related errors like “ReactCommon/RCTHost.h not found”, this is for you. The issue started with RN 0.78+ and usually only affects the old architecture with useFrameworks: 'static'.

Versions before 0.78, setups without useFrameworks, or users on the new architecture are not affected, thus do not need this workaround.

Fix for Expo users

I’ve prepared a config plugin for you. Create a file, e.g. plugins/with-runtime-framework-headers.js, with the following contents:

const { withPodfile } = require('expo/config-plugins')

hirbod

import { File, type FileHandle } from 'expo-file-system/next'

interface FileInput {
  uri: string
}

export default class TusFileReader {
  async openFile({ uri }: FileInput) {
    const handle = new File(uri)
    if (!handle.exists || !handle.size) throw new Error(`File ${uri} not found`)

hirbod

const { getSentryExpoConfig } = require('@sentry/react-native/metro')
const { withNativeWind } = require('nativewind/metro')
const path = require('path')

const config = getSentryExpoConfig(__dirname)

config.transformer.getTransformOptions = async () => ({
  transform: {
    experimentalImportSupport: true,
    inlineRequires: true,

hirbod

import { AnimatedView, Text, View } from '@/components/ui'
import { useMemo } from 'react'

const NUM_HOLDERS = 16
const NUM_BARS = 40

const rotateKeyframes = {
  '0%': {
    transform: [{ rotate: '0deg' }],
  },

hirbod

import { useSafeAreaInsets } from 'react-native-safe-area-context'
import { useCallback, useLayoutEffect, useMemo, useReducer, useRef, useState } from 'react'
import { ActivityIndicator, Keyboard, Platform, Text, View, TextInput, useWindowDimensions } from 'react-native'
import Animated from 'react-native-reanimated'

const SearchBar = () => {
  const inset = useSafeAreaInsets()
  const [isFocused, toggle] = useReducer((s) => !s, false)
  const ref = useRef<View>(null)
  const rect = useRef({ width: 0, height: 0, x: 0, y: 0 })

hirbod

import { type ComponentType, createElement, forwardRef } from 'react'
import type { TextProps } from 'react-native'

// uncomment for NativeWind support
//import { cssInterop } from 'nativewind'


const LeanText = forwardRef((props, ref) => {
  return createElement('RCTText', { ...props, ref })
}) as ComponentType<TextProps>

hirbod

export const useClearStalePersistedReactQueryData = () => {
  useEffect(() => {
    const threeDaysAgo = Date.now() - 3 * 24 * 60 * 60 * 1000 // Timestamp of 3 days ago

    storage.getAllKeys().forEach((entry) => {
      // we only want to clear the data for react-query with the prefix 'my-random-prefix'
      if (!entry.startsWith('my-random-prefix')) {
        return
      }

hirbod

import React, { useState, useEffect, useCallback } from "react";
import { Platform } from "react-native";

import * as VideoThumbnails from "expo-video-thumbnails";

import { Image } from "@showtime-xyz/universal.image";
import Spinner from "@showtime-xyz/universal.spinner";
import { View } from "@showtime-xyz/universal.view";

interface VideoThumbnailProps {

hirbod

// Expo SDK40
// expo-blur: ~8.2.2
// expo-haptics: ~8.4.0
// react-native-gesture-handler: ~1.8.0
// react-native-reanimated: ^2.0.0-rc.0
// react-native-safe-area-context: 3.1.9

import React, { useState } from 'react';
import {
  Image,