apply copilot's review

Author: Tucchhaa

apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.ts

@@ -109,7 +109,7 @@ export class AppComponent {
   };
 
   updateEndDate = (movie: MovieData): void => {
-    const form = this.formInstance!;
+    const form = this.formInstance;
     const formData = form.option('formData');
     const { startDate } = formData;
 
@@ -139,11 +139,12 @@ export class AppComponent {
   };
 
   onMovieValueChanged = (e: DxSelectBoxTypes.ValueChangedEvent): void => {
+    const form = this.formInstance!;
     const movie = this.getMovieById(e.value);
     this.currentSelectedMovie = movie;
 
     if (movie) {
-      this.formInstance.updateData('director', movie.director);
+      form.updateData('director', movie.director);
       this.updateEndDate(movie);
     }
   };

apps/demos/Demos/Scheduler/Templates/React/App.tsx

@@ -24,7 +24,7 @@ const currentDate = new Date(2025, 3, 27);
 const views: SchedulerTypes.ViewType[] = ['day', 'week', 'timelineDay'];
 const groups = ['theatreId'];
 
-const getMovieById = (id: number | undefined): any => id
+const getMovieById = (id: number | undefined): MovieResource | null => id
   ? query(moviesData).filter(['id', '=', id]).toArray()[0]
   : null;
 
@@ -56,7 +56,7 @@ const App = () => {
   }), [onPopupOptionChanged]);
 
   const updateEndDate = useCallback((movie: MovieResource): void => {
-    const form = formInstanceRef.current;
+    const form = formInstanceRef.current!;
     const formData = form.option('formData');
     const { startDate } = formData;
 
@@ -67,7 +67,7 @@ const App = () => {
   }, []);
 
   const onFormInitialized = useCallback((e: FormTypes.InitializedEvent) => {
-    const form = e.component;
+    const form = e.component!;
     formInstanceRef.current = form;
 
     form.on('fieldDataChanged', (fieldEvent: FormTypes.FieldDataChangedEvent) => {
@@ -83,10 +83,11 @@ const App = () => {
   }, [updateEndDate]);
 
   const onMovieValueChanged = useCallback((e: SelectBoxTypes.ValueChangedEvent) => {
+    const form = formInstanceRef.current!;
     const movie = getMovieById(e.value);
 
     if (movie) {
-      formInstanceRef.current.updateData('director', movie.director);
+      form.updateData('director', movie.director);
       updateEndDate(movie);
     }
   }, [updateEndDate]);

apps/demos/Demos/Scheduler/Templates/React/MovieInfoContainer.tsx

@@ -9,13 +9,15 @@ type MovieInfoContainerProps = {
   formInstanceRef: React.RefObject<dxForm | null>;
 };
 
-const getMovieById = (id: number | undefined) => id ? query(moviesData).filter(['id', id]).toArray()[0] : null;
+const getMovieById = (id: number | undefined): MovieResource | null => id
+  ? query(moviesData).filter(['id', '=', id]).toArray()[0]
+  : null;
 
 const MovieInfoContainer: React.FC<MovieInfoContainerProps> = ({ formInstanceRef }) => {
   const [movie, setMovie] = useState<MovieResource | null>(null);
 
   useEffect(() => {
-    const form = formInstanceRef.current;
+    const form = formInstanceRef.current!;
     const formData = form.option('formData');
 
     const currentMovie = getMovieById(formData.movieId);

apps/demos/Demos/Scheduler/Templates/ReactJs/App.js

@@ -67,9 +67,10 @@ const App = () => {
   );
   const onMovieValueChanged = useCallback(
     (e) => {
+      const form = formInstanceRef.current;
       const movie = getMovieById(e.value);
       if (movie) {
-        formInstanceRef.current.updateData('director', movie.director);
+        form.updateData('director', movie.director);
         updateEndDate(movie);
       }
     },

apps/demos/Demos/Scheduler/Templates/ReactJs/MovieInfoContainer.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { query } from 'devextreme-react/common/data';
 import { moviesData } from './data.js';
 
-const getMovieById = (id) => (id ? query(moviesData).filter(['id', id]).toArray()[0] : null);
+const getMovieById = (id) => (id ? query(moviesData).filter(['id', '=', id]).toArray()[0] : null);
 const MovieInfoContainer = ({ formInstanceRef }) => {
   const [movie, setMovie] = useState(null);
   useEffect(() => {