script.js:105 Uncaught ReferenceError: magnets is not defined

at drawField (script.js:105:13)
at resizeCanvas (script.js:26:9)
at HTMLDocument.<anonymous> (script.js:30:5)

script.js

@@ -101,9 +101,8 @@ function resizeCanvas() {
         
         for (let i = 0; i < steps; i++) {
             const angle = (i / steps) * Math.PI * 2;
-            
-            magnets.forEach(magnet => {
-                let x = magnet.x * canvas.width + Math.cos(angle) * 30;
+        components.magnets.forEach(magnet => {
+let x = magnet.x * canvas.width + Math.cos(angle) * 30;
                 let y = magnet.y * canvas.height + Math.sin(angle) * 30;
                 
                 ctx.beginPath();
@@ -112,7 +111,8 @@ function resizeCanvas() {
                 for (let j = 0; j < lineSteps; j++) {
                     // Calculate field direction at this point
                     let fx = 0, fy = 0;
-        components.magnets.forEach(m => {
+        components.
+            components.magnets.forEach(m => {
 const dx = x - m.x * canvas.width;
                         const dy = y - m.y * canvas.height;
                         const distSq = dx * dx + dy * dy;