Prevent simultaneous animation warning

rsconcept/frontend/src/components/wrap/AnimateFade.tsx

@@ -7,22 +7,10 @@ import { CProps } from '../props';
 interface AnimateFadeProps extends CProps.AnimatedDiv {
   noFadeIn?: boolean;
   noFadeOut?: boolean;
-  removeContent?: boolean;
   hideContent?: boolean;
 }
 
-function AnimateFade({
+function AnimateFade({ style, noFadeIn, noFadeOut, children, hideContent, ...restProps }: AnimateFadeProps) {
-  style,
-  noFadeIn,
-  noFadeOut,
-  children,
-  removeContent,
-  hideContent,
-  ...restProps
-}: AnimateFadeProps) {
-  if (removeContent) {
-    return null;
-  }
   return (
     <motion.div
       tabIndex={-1}

rsconcept/frontend/src/components/wrap/DataLoader.tsx

@@ -18,12 +18,16 @@ interface DataLoaderProps extends CProps.AnimatedDiv {
 function DataLoader({ id, isLoading, hasNoData, error, children, ...restProps }: DataLoaderProps) {
   return (
     <AnimatePresence mode='wait'>
-      <AnimateFade id={id} key={`${id}-data`} removeContent={isLoading || !!error || hasNoData} {...restProps}>
+      {!isLoading && !error && !hasNoData ? (
-        {children}
+        <AnimateFade id={id} key={`${id}-data`} {...restProps}>
-      </AnimateFade>
+          {children}
-      <AnimateFade key={`${id}-no-data`} removeContent={isLoading || !!error || !hasNoData} {...restProps}>
+        </AnimateFade>
-        Данные не загружены
+      ) : null}
-      </AnimateFade>
+      {!isLoading && !error && hasNoData ? (
+        <AnimateFade key={`${id}-no-data`} {...restProps}>
+          Данные не загружены
+        </AnimateFade>
+      ) : null}
       {isLoading ? <Loader key={`${id}-loader`} /> : null}
       {error ? <InfoError key={`${id}-error`} error={error} /> : null}
     </AnimatePresence>