spliit/src/app/groups/[groupId]/save-recent-group.tsx

'use client'
import {
  RecentGroup,
  saveRecentGroup,
} from '@/app/groups/recent-groups-helpers'
import { useEffect } from 'react'

type Props = {
  group: RecentGroup
}

export function SaveGroupLocally({ group }: Props) {
  useEffect(() => {
    saveRecentGroup(group)
  }, [group])

  return null
}