Use French's solution

Author: rammba

src/content/learn/conditional-rendering.md

@@ -719,13 +719,23 @@ Another solution would be to remove the condition altogether by moving the infor
 <Sandpack>
 
 ```js
-const drinks = [
-  {name: 'tea', part: 'leaf', caffeine: '15–70 mg/cup', age: '4,000+ years'},
-  {name: 'coffee', part: 'bean', caffeine: '80–185 mg/cup', age: '1,000+ years'}
-];
+const drinks = {
+  tea: {
+    name: 'tea',
+    part: 'leaf',
+    caffeine: '15–70 mg/cup',
+    age: '4,000+ years'
+  },
+  coffee: {
+    name: 'coffee',
+    part: 'bean',
+    caffeine: '80–185 mg/cup',
+    age: '1,000+ years'
+  }
+};
 
 function Drink({ name }) {
-  const info = drinks.find(d => d.name === name);
+  const info = drinks[name];
   return (
     <section>
       <h1>{info.name}</h1>