Semantic Analysis Example

                    
                    import React from 'react';
                
                    ●
                    
                        import { OldButtonMigration Required
OldButton is deprecated. Replace with NewButton component.
 } from '@patternfly/react-core';
                    
                    export const TestComponent = () => {
                
                      // TODO: Update OldButton later
                
                      const myOldButton = 'something';
                
                      const docs = "Check OldButton docs";
                
                      return (
                
                        <div>
                
                    ●
                    
                          <OldButtonMigration Required
OldButton is deprecated. Replace with NewButton component.
 variant="primary">Click me</OldButton>
                
                          {/* OldButton is deprecated */}
                
                        </div>
                
                      );
                
                    };

PROBLEMS (2)

● TestComponent.tsx

Line 2, Column 10

OldButton component is deprecated in PatternFly v6.

Replace import with: import { NewButton } from '@patternfly/react-core'

● TestComponent.tsx

Line 11, Column 7

OldButton component usage detected.

Update JSX to: <NewButton variant="primary">

Semantic Analysis

Detected: Actual code references only

Ignored: Comments, strings, unrelated variables