diff --git a/packages/spectacle/src/components/code-pane.tsx b/packages/spectacle/src/components/code-pane.tsx index c8b98ad26..fa1650bbc 100644 --- a/packages/spectacle/src/components/code-pane.tsx +++ b/packages/spectacle/src/components/code-pane.tsx @@ -112,13 +112,11 @@ const CodePane = forwardRef( const scrollTarget = useRef(null); - const getLineNumberProps = useCallback( + const getLineNumberStyle = useCallback( (lineNumber: number) => { - if (!isActive) return; + if (!isActive) return {}; const range = getRangeFormat(numberOfSteps, highlightRanges, step); - return { - style: getStyleForLineNumber(lineNumber, range) - }; + return getStyleForLineNumber(lineNumber, range); }, [isActive, highlightRanges, numberOfSteps, step] ); @@ -174,7 +172,7 @@ const CodePane = forwardRef( wrapLines showLineNumbers={showLineNumbers} lineProps={getLineProps} - lineNumberProps={getLineNumberProps} + lineNumberStyle={getLineNumberStyle} style={syntaxTheme} > {children}