hunk.code_window: const StatItem = (props: StatItemProps) => {
   	const { title, bytes, isLoading } = props;
   	const size = byteSize(bytes);
   	const count = useCounter({
   		name: title,
   		end: size.value,
  
hunk.labels: keep keep keep add keep keep keep keep
hunk.after_edit: 	// This is important to the counter working.
   	// On first render of the counter this will potentially be `false` which means the counter should the count up.
   	// but in a `useEffect` `mounted` will be set to `true` so that subsequent renders of the counter will not run the count up.
   	// The acts as a cache of the value of `mounted` on the first render of this `StateItem`.
   	const [isMounted] = useState(mounted);
  
hunk.file_path: interface/app/$libraryId/overview/Statistics.tsx
hunk.type: add
file: import React from 'react';
  import { Text, View } from 'react-native';
  import { getDebugState, toggleFeatureFlag, useDebugState, useFeatureFlags } from '@sd/client';
  import Card from '~/components/layout/Card';
  import { Button } from '~/components/primitive/Button';
  import { tw } from '~/lib/tailwind';
  import { SettingsStackScreenProps } from '~/navigation/SettingsNavigator';
  
  const DebugScreen = ({ navigation }: SettingsStackScreenProps<'Debug'>) => {
  	const debugState = useDebugState();
  	const featureFlags = useFeatureFlags();
  
  	return (
  		<View style={tw`flex-1 p-4`}>
  			<Card style={tw`gap-y-4 bg-app-box`}>
  				<Text style={tw`font-semibold text-ink`}>Debug</Text>
  				<Button onPress={() => toggleFeatureFlag(['p2pPairing', 'spacedrop'])}>
  					<Text style={tw`text-ink`}>Toggle P2P</Text>
  				</Button>
  				<Button onPress={() => (getDebugState().rspcLogger = !getDebugState().rspcLogger)}>
  					<Text style={tw`text-ink`}>Toggle rspc logger</Text>
  				</Button>
  				<Text style={tw`text-ink`}>{JSON.stringify(featureFlags)}</Text>
  				<Text style={tw`text-ink`}>{JSON.stringify(debugState)}</Text>
  				<Button
  					onPress={() => {
  						navigation.popToTop();
  						navigation.replace('Home');
  						getDebugState().enabled = false;
  					}}
  				>
  					<Text style={tw`text-ink`}>Disable Debug Mode</Text>
  				</Button>
  			</Card>
  		</View>
  	);
  };
  
  export default DebugScreen;
  