Skip to content

Commit 2e28b08

Browse files
committed
fix: restore keyword initial state to render on mount
The initial=false was preventing keywords from rendering on initial page load. Setting initial state to match animate state ensures immediate visibility.
1 parent b845b3d commit 2e28b08

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

src/components/codeKeywords/keyword.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import {MotionProps} from 'framer-motion';
55
import {KeywordSpan} from './styles';
66

77
export function Keyword({
8-
initial = false, // Disable initial animation on mount to prevent flash
8+
initial = {opacity: 1, y: 0, position: 'relative'},
99
animate = {
1010
position: 'relative',
1111
opacity: 1,

0 commit comments

Comments
 (0)