Transform server snake_case to local camelCase

[Crsk]

Transform breaks the sync

Example

The idea is to have server snake_case and client cameCase

Database (snake_case):

CREATE TABLE users(id Text, name Text, birth_date Date);

Local storage (camelCase):

{ 'id1': { id: 'id1', name: 'Test', birthDate: '2025-01-13T14:05:45.254948+00:00' } }

React component (camelCase):

const UserBirthDate = () => {
  const birthDate = store$.user.birthDate;

  return <>{birthDate}</>
}

My config

This is my customSynced:

import { objectToCamel, objectToSnake } from 'ts-case-convert'

const customSynced = configureSynced(syncedSupabase, {
  persist: { plugin: observablePersistAsyncStorage({ AsyncStorage }) },
  generateId,
  supabase: supabaseClient,
  changesSince: 'last-sync',
  fieldCreatedAt: 'created_at',
  fieldUpdatedAt: 'updated_at',
  fieldDeleted: 'deleted',
  transform: { // Here, adding objectToCamel and objectToSnake works for the case but breaks the sync
    load: value => objectToCamel(value),
    save: value => objectToSnake(value)
  }
})

The issue

It seems to work. If I inspect my local storage, the keys are camelCase as expected, and it syncs with the database... the only issue is that the realtime sync is now broken.

• ✅ If I remove the transform then modify something in the db, the UI and local storage updates accordingly.
• ❌ If I keep the transform then modify something in the db, the UI and local storage does not update until I refresh the page.

[Crsk]

Probably this might be a feature request: "Support keys transformation", or moved to issues "Keys transform breaks the sync process"