Merge pull request #308 from tushgaurav/bug-fix

fix: undefined ref handling

Author: arshadkazmi42

src/content/learn/choosing-the-state-structure.md

@@ -1462,7 +1462,7 @@ button { margin: 10px; }
 
 <DeepDive>
 
-#### Improving memory usage {/*improving-memory-usage*/}
+#### मेमोरी यूसेज को अच्छा करना {/*improving-memory-usage*/}
 
 आदर्श रूप से, आप मेमोरी उपयोग को बेहतर बनाने के लिए हटाए गए आइटम (और उनके चिल्ड्रन!) को "table" ऑब्जेक्ट से हटा देंगे। यह वर्जन ऐसा करता है। यह [Immer का भी उपयोग करता है](/learn/updating-objects-in-state#write-concise-update-logic-with-immer) अपडेट लॉजिक को अधिक संक्षिप्त बनाने के लिए।
 
@@ -1833,7 +1833,7 @@ button { margin: 10px; }
 
 <Challenges>
 
-### अपडेट न होने वाले कौम्पोनॅन्ट को ठीक करें {/*fix-a-component-thats-not-updating*/}
+#### अपडेट न होने वाले कौम्पोनॅन्ट को ठीक करें {/*fix-a-component-thats-not-updating*/}
 
 इस `Clock` कौम्पोनॅन्ट को दो prop मिलते हैं: `color` और `time`। जब आप सिलेक्ट बॉक्स में एक अलग रंग चुनते हैं, `Clock` कौम्पोनॅन्ट अपने पैरेंट कौम्पोनॅन्ट से एक अलग `color` prop प्राप्त करता है। हालाँकि, किसी कारण से, प्रदर्शित color अपडेट नहीं होता है। क्यों? समस्या हल करें।
 <Sandpack>
@@ -1995,7 +1995,7 @@ export default function App() {
 
 </Solution>
 
-### टूटी हुई पैकिंग लिस्ट को ठीक करें {/*fix-a-broken-packing-list*/}
+#### टूटी हुई पैकिंग लिस्ट को ठीक करें {/*fix-a-broken-packing-list*/}
 
 इस पैकिंग लिस्ट में एक फुटर है जो दिखता है कि कितने आइटम पैक किए गए हैं और कुल मिलाकर कितने आइटम हैं। यह पहली बार में काम करने लगता है, लेकिन यह बग्गी है। उदाहरण के लिए, यदि आप किसी आइटम को पैक करते हैं और फिर उसे हटा देते हैं, तो काउंटर ठीक से अपडेट नहीं होता है। काउंटर को ठीक करें ताकि यह हमेशा सही रहे।
 
@@ -2279,7 +2279,7 @@ ul, li { margin: 0; padding: 0; }
 
 </Solution>
 
-### गायब होने वाले सेलेक्शन को ठीक करें {/*fix-the-disappearing-selection*/}
+#### गायब होने वाले सेलेक्शन को ठीक करें {/*fix-the-disappearing-selection*/}
 
 State में `letters` की एक लिस्ट है। जब आप किसी विशेष अक्षर पर होवर या फ़ोकस करते हैं, तो वह हाइलाइट हो जाता है। अभी हाइलाइट किया गया अक्षर `highlightedLetter` state वेरिएबल में संग्रहित है। आप अलग-अलग अक्षरों को "Star" और "Unstar" कर सकते हैं, जो state में `letters` array को अपडेट करता है।
 
@@ -2499,7 +2499,7 @@ li { border-radius: 5px; }
 
 </Solution>
 
-### मल्टीप्ल सेलेक्शन इम्प्लीमेंट करें {/*implement-multiple-selection*/}
+#### मल्टीप्ल सेलेक्शन इम्प्लीमेंट करें {/*implement-multiple-selection*/}
 
 इस उदाहरण में, प्रत्येक `Letter` में एक `isSelected` prop और एक `onToggle` handler है जो इसे सेलेक्ट करता है। यह काम करता है, लेकिन state को `selectedId` के रूप में स्टोर किया जाता है (या तो `null` या एक ID), इसलिए किसी भी समय केवल एक ही अक्षर सिलेक्ट किया जा सकता है।