Framer Motion animation bug traced to unstable object references in shared helper

·1 views

A developer building Entiscore, a website audit tool, encountered a recurring animation bug where UI sections powered by Framer Motion's whileInView got stuck in a half-rendered, blurred state. The same failure appeared three separate times across different components — the hero title, feature cards, and an evaluation section — each seemingly an isolated issue. The root cause turned out to be a shared helper function, getVariants, that was called inline on every render, generating a new object reference each time even when values were unchanged. Because Framer Motion tracks variants by reference rather than deep equality, and the animations used viewport once:true, any re-render mid-transition caused the animation state and variants object to fall out of sync with no way to self-correct. The fix was to replace the inline helper calls with stable, module-level constant objects, ensuring Framer Motion always received the same reference across renders.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

65% of AI-Generated Enterprise Apps Have Security Flaws as Vibe Coding Adoption Surges

Gartner projects that 40% of new enterprise production software will be built using vibe coding — natural-language prompt-driven code generation — by 2028, signaling rapid industry adoption. However, a 2026 scan of over 1,400 live vibe-coded applications by API security firm Escape.tech found that 65% contained security issues and 58% shipped with at least one critical vulnerability, including hardcoded secrets and exposed personal data. The core problem is that adoption is outpacing governance, with many AI-generated tools running in environments that IT and security teams have never reviewed. Experts argue the solution is not to slow adoption but to build a governed path to production that includes encrypted secrets management, role-based access control, mandatory human code review, and full audit trails. Most consumer vibe coding tools are optimized for speed of generation but lack the enterprise-grade controls needed before code handles real users or sensitive data.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

OAuth on MCP servers hides all tools from directories — here is the fix

Developers building remote MCP servers secured behind OAuth 2.1 discovered that tool directories like Glama, Smithery, and mcp.directory were listing their servers with zero tools, because automated crawlers cannot complete interactive OAuth flows. The root cause is that the MCP protocol's tool-discovery endpoint, tools/list, was placed behind authentication alongside sensitive operations, causing crawlers to receive a 401 response and stop scanning. Since describing available tools carries no security risk — unlike actually calling them — the recommended fix is to expose a small set of handshake methods publicly, including initialize, ping, and tools/list, while keeping all credit-spending or data-touching calls auth-gated. The implementation requires careful checks: requests carrying an Authorization header are always validated, only POST requests qualify for the public path, and batched JSON-RPC requests must have every message whitelisted, not just one. Without this separation, a server can be registered on every major directory and still appear completely empty to anyone browsing for tools.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Why AI Agent Failures Often Stem From Architecture, Not the Underlying LLM

AI agents designed to automate software development tasks frequently fall short due to systemic architectural flaws rather than limitations of the large language models powering them. A typical agent comprises multiple interdependent modules — including perception, memory, planning, and tool-use — and failures often arise from breakdowns in how these components interact. Key problem areas include the Multi-Context Problem, where agents operating across sensitive environments risk data leakage and privilege escalation through poorly isolated tool access. Brittle planning mechanisms also undermine agent reliability, as static plans struggle to adapt to dynamic real-world development environments with ambiguous or conflicting goals. Addressing these issues requires robust architectural safeguards, hierarchical planning with self-correction capabilities, and tighter integration with existing developer toolchains and human oversight workflows.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

How LLM Inference Engines Determine AI Response Speed, Explained Simply

A developer building an open-source AI code review tool has published a technical explainer on how large language model inference engines work under the hood. The piece breaks down LLM text generation into two phases: prefill, where the model processes the input prompt, and decode, where it produces output one token at a time in an autoregressive loop. Central to performance is the KV cache, which stores computed vectors for each token to avoid redundant calculations, but grows large quickly and consumes scarce GPU memory. Older serving systems worsened this by pre-reserving worst-case memory for every request, leading to both internal and external memory fragmentation. The article frames these inefficiencies as the root cause of why the same underlying model can feel dramatically faster or slower depending on the serving infrastructure running it.

0 comments Read more at DEV Community