revert: mistakenly deleted React scope import for JSX

Author: damyanpetev

samples/grids/grid/infinite-scroll/src/index.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef } from 'react';
+import React, { useEffect, useRef } from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 

samples/grids/grid/remote-paging-grid/src/index.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import ReactDOM from "react-dom/client";
 import { IgrColumn, IgrGrid, IgrPaginator } from "igniteui-react-grids";
 import "igniteui-react-grids/grids/themes/light/bootstrap.css";

samples/grids/hierarchical-grid/remote-paging-hgrid/src/index.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import ReactDOM from "react-dom/client";
 import "./index.css";