Import JSX type from React in component example so it supports React 19

[chrissnyder2337]

Importing JSX is required for React 19 support.

Description / Motivation

This PR updates the component example in the "Creating New Components" documentation to explicitly import the JSX type from React. In React 19, the JSX namespace is no longer globally available and must be explicitly imported from the react package.

The change updates the import statement from:

import React from 'react'

to:

import React, { type JSX } from 'react'

This ensures that developers following the documentation will have code that is compatible with React 19.

How Has This Been Tested?

This is a documentation-only change. The updated import syntax has been verified to be the correct approach for React 19 compatibility based on the official React 19 migration guide.

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• - [ ] New feature (non-breaking change which adds functionality)
• - [ ] Breaking change (fix or feature that would cause existing functionality to change)
• - [x] Documentation update (non-breaking change; modified files are limited to the /data directory or other markdown files)

Checklist:

• I have read the Contributing guide.
• - [x] My code/comments/docs fully adhere to the Code of Conduct.
• - [ ] My change is a code change.
• - [x] My change is a documentation change and there are NO other updates required.
• - [ ] My change has new or updated images which are stored in the /public/images folder that need to be migrated to Sitecore DAM

[vercel]

@chrissnyder2337 is attempting to deploy a commit to the Sitecore Technical Marketing Team on Vercel.

A member of the Team first needs to authorize it.