TypeError: Cannot destructure 'undefined' as it is undefined. ❯ BlogSection components/BlogSection/BlogSection.tsx:36:8 ❯ describeNativeComponentFrame node_modules/react-dom/cjs/react-dom.development.js:1092:7 ❯ describeFunctionComponentFrame node_modules/react-dom/cjs/react-dom.development.js:1187:12 ❯ describeFiber node_modules/react-dom/cjs/react-dom.development.js:1266:14 ❯ getStackByFiberInDevAndProd node_modules/react-dom/cjs/react-dom.development.js:1285:15 ❯ createCapturedValueAtFiber node_modules/react-dom/cjs/react-dom.development.js:18633:12 ❯ throwException node_modules/react-dom/cjs/react-dom.development.js:19104:11 ❯ handleError node_modules/react-dom/cjs/react-dom.development.js:26350:7 ❯ renderRootSync node_modules/react-dom/cjs/react-dom.development.js:26476:7 ❯ performConcurrentWorkOnRoot node_modules/react-dom/cjs/react-dom.development.js:25777:74 This error originated in "__tests__/page.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running. The latest test that might've caused the error is "__tests__/page.test.tsx". It might mean one of the following: - The error was thrown, while Vitest was running this test. - If the error occurred after the test had been completed, this was the last documented test before it was thrown.