import React from "react";
import "./App.css";
import ScreeningViewer from "./lib/ScreeningViewer";

import _74 from "./lib/datasample/74_saccade.json";
import _80 from "./lib/datasample/80_pursuit.json";
import _53 from "./lib/datasample/53_antisaccade.json";
import _112 from "./lib/datasample/112_antisaccade.json";
function App() {
  const dataArr = React.useMemo(() => {
    let da = [_53, _74, _80, _112];
    for (let i = 0; i < da.length; i++) {
      let newraw = da[i];
      if (newraw) {
        // console.log("newraw",newraw);
        let gazeData = newraw.gazeData;

        let gazeProperty = newraw.gazeProperty;
        let newgazeData = [];
        for (let i = 0; i < gazeData.length; i++) {
          let data = gazeData[i];
          let newdata = [];
          // console.log(data);
          for (let j = 0; j < data.length; j++) {
            let oneEye = data[j];
            // console.log("oneEye",oneEye);
            let newEye = {};
            for (let k = 0; k < gazeProperty.length; k++) {
              newEye[gazeProperty[k]] = oneEye[k];
            }
            // console.log(newEye);
            newdata.push(newEye);
          }
          newgazeData.push(newdata);
        }

        newraw.taskArr = newgazeData;
        // console.log("데이터",newraw);
      }
    }

    // console.log(da);
    return da;
  }, []);

  const [showViewer, set_showViewer] = React.useState(true);

  const groupData = React.useMemo(() => {
    return [
      {
        groupresult_screening_idx: 385,
        group_number: 25,
        savetime: "2022-06-02 01:01:00",
        sample_num_saccade: 3,
        sample_num_pursuit: 2,
        sample_num_antisaccade: 2,
        s_age: 0,
        e_age: 7,
        avg_saccade_score: 48.3333,
        avg_pursuit_score: 50,
        avg_antisaccade_score: 50,
        std_saccade_score: 4.71405,
        std_pursuit_score: 5,
        std_antisaccade_score: 5,
        avg_up_saccade_delay: 0.269211,
        avg_down_saccade_delay: 0.339779,
        avg_right_saccade_delay: 0.255247,
        avg_left_saccade_delay: 0.236624,
        avg_up_saccade_speed: 56.0679,
        avg_down_saccade_speed: 316.689,
        avg_right_saccade_speed: 275.669,
        avg_left_saccade_speed: 323.609,
        avg_up_fixation_stability: 0.0683216,
        avg_down_fixation_stability: 0.0840399,
        avg_right_fixation_stability: 0.073683,
        avg_left_fixation_stability: 0.0913752,
        std_up_saccade_delay: 0.00162445,
        std_down_saccade_delay: 0.0321628,
        std_right_saccade_delay: 0.00019351,
        std_left_saccade_delay: 0.0109962,
        std_up_saccade_speed: 6.06399,
        std_down_saccade_speed: 75.1057,
        std_right_saccade_speed: 163.678,
        std_left_saccade_speed: 22.1519,
        std_up_fixation_stability: 0.0168793,
        std_down_fixation_stability: 0.0639766,
        std_right_fixation_stability: 0.0400716,
        std_left_fixation_stability: 0.0240259,
        avg_clockwise_err: 1.0268,
        avg_anticlockwise_err: 0.936839,
        std_clockwise_err: 0.0615652,
        std_anticlockwise_err: 0.0916761,
        avg_right_antisaccade_delay: 0.352968,
        avg_left_antisaccade_delay: 0.341366,
        avg_avgErrFrequencyRatio: 0.25,
        avg_avgErrTime: 0.0286458,
        std_right_antisaccade_delay: 0.012088,
        std_left_antisaccade_delay: 0.0211456,
        std_avgErrFrequencyRatio: 0,
        std_avgErrTime: 0.0119792,
        chart: {
          saccade_score: {
            q0: 35.61498744122215,
            q1: 45.15372186030554,
            q2: 48.3333,
            q3: 51.512878139694465,
            q4: 61.051612558777855,
            IQR: 6.359156279388927,
          },
          pursuit_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
          antisaccade_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
        },
      },
      {
        groupresult_screening_idx: 386,
        group_number: 25,
        savetime: "2022-06-02 01:01:00",
        sample_num_saccade: 3,
        sample_num_pursuit: 3,
        sample_num_antisaccade: 3,
        s_age: 7,
        e_age: 8,
        avg_saccade_score: 56.8383,
        avg_pursuit_score: 52.7872,
        avg_antisaccade_score: 48.2889,
        std_saccade_score: 2.5997,
        std_pursuit_score: 5.67479,
        std_antisaccade_score: 4.74577,
        avg_up_saccade_delay: 0.277099,
        avg_down_saccade_delay: 0.345861,
        avg_right_saccade_delay: 0.267353,
        avg_left_saccade_delay: 0.238271,
        avg_up_saccade_speed: 56.8696,
        avg_down_saccade_speed: 287.304,
        avg_right_saccade_speed: 263.709,
        avg_left_saccade_speed: 283.268,
        avg_up_fixation_stability: 0.0673151,
        avg_down_fixation_stability: 0.0997266,
        avg_right_fixation_stability: 0.0726126,
        avg_left_fixation_stability: 0.0845023,
        std_up_saccade_delay: 0.0120504,
        std_down_saccade_delay: 0.0288407,
        std_right_saccade_delay: 0.0170236,
        std_left_saccade_delay: 0.0123267,
        std_up_saccade_speed: 5.58408,
        std_down_saccade_speed: 102.415,
        std_right_saccade_speed: 155.91,
        std_left_saccade_speed: 70.7771,
        std_up_fixation_stability: 0.0176342,
        std_down_fixation_stability: 0.0562661,
        std_right_fixation_stability: 0.0408496,
        std_left_fixation_stability: 0.0300873,
        avg_clockwise_err: 1.14704,
        avg_anticlockwise_err: 0.926132,
        std_clockwise_err: 0.177328,
        std_anticlockwise_err: 0.0763694,
        avg_right_antisaccade_delay: 0.364033,
        avg_left_antisaccade_delay: 0.362318,
        avg_avgErrFrequencyRatio: 0.208333,
        avg_avgErrTime: 0.0302083,
        std_right_antisaccade_delay: 0.0185005,
        std_left_antisaccade_delay: 0.0342941,
        std_avgErrFrequencyRatio: 0.0589256,
        std_avgErrTime: 0.0100274,
        chart: {
          saccade_score: {
            q0: 49.824416575120175,
            q1: 55.08482914378004,
            q2: 56.8383,
            q3: 58.59177085621995,
            q4: 63.85218342487982,
            IQR: 3.506941712439911,
          },
          pursuit_score: {
            q0: 37.476850528648,
            q1: 48.959612632162,
            q2: 52.7872,
            q3: 56.614787367838,
            q4: 68.097549471352,
            IQR: 7.655174735675999,
          },
          antisaccade_score: {
            q0: 35.485008188909504,
            q1: 45.087927047227375,
            q2: 48.2889,
            q3: 51.48987295277262,
            q4: 61.09279181109049,
            IQR: 6.401945905545247,
          },
        },
      },
      {
        groupresult_screening_idx: 387,
        group_number: 25,
        savetime: "2022-06-02 01:01:00",
        sample_num_saccade: 2,
        sample_num_pursuit: 2,
        sample_num_antisaccade: 2,
        s_age: 8,
        e_age: 9,
        avg_saccade_score: 45,
        avg_pursuit_score: 55,
        avg_antisaccade_score: 50,
        std_saccade_score: 0,
        std_pursuit_score: 0,
        std_antisaccade_score: 5,
        avg_up_saccade_delay: 0.268636,
        avg_down_saccade_delay: 0.351151,
        avg_right_saccade_delay: 0.255316,
        avg_left_saccade_delay: 0.232736,
        avg_up_saccade_speed: 58.2118,
        avg_down_saccade_speed: 343.243,
        avg_right_saccade_speed: 217.801,
        avg_left_saccade_speed: 331.441,
        avg_up_fixation_stability: 0.0742893,
        avg_down_fixation_stability: 0.106659,
        avg_right_fixation_stability: 0.0878505,
        avg_left_fixation_stability: 0.0998697,
        std_up_saccade_delay: 0.00172299,
        std_down_saccade_delay: 0.0341137,
        std_right_saccade_delay: 0.000205249,
        std_left_saccade_delay: 0.0116633,
        std_up_saccade_speed: 6.43184,
        std_down_saccade_speed: 79.6616,
        std_right_saccade_speed: 173.606,
        std_left_saccade_speed: 23.4957,
        std_up_fixation_stability: 0.0179033,
        std_down_fixation_stability: 0.0678574,
        std_right_fixation_stability: 0.0425023,
        std_left_fixation_stability: 0.0254834,
        avg_clockwise_err: 1.0268,
        avg_anticlockwise_err: 0.936839,
        std_clockwise_err: 0.0615652,
        std_anticlockwise_err: 0.0916761,
        avg_right_antisaccade_delay: 0.352968,
        avg_left_antisaccade_delay: 0.341366,
        avg_avgErrFrequencyRatio: 0.25,
        avg_avgErrTime: 0.0286458,
        std_right_antisaccade_delay: 0.012088,
        std_left_antisaccade_delay: 0.0211456,
        std_avgErrFrequencyRatio: 0,
        std_avgErrTime: 0.0119792,
        chart: {
          saccade_score: {
            q0: 44.999730204122585,
            q1: 44.999932551030646,
            q2: 45,
            q3: 45.000067448969354,
            q4: 45.000269795877415,
            IQR: 0.0001348979387074678,
          },
          pursuit_score: {
            q0: 54.999730204122585,
            q1: 54.999932551030646,
            q2: 55,
            q3: 55.000067448969354,
            q4: 55.000269795877415,
            IQR: 0.0001348979387074678,
          },
          antisaccade_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
        },
      },
      {
        groupresult_screening_idx: 388,
        group_number: 25,
        savetime: "2022-06-02 01:01:00",
        sample_num_saccade: 2,
        sample_num_pursuit: 2,
        sample_num_antisaccade: 2,
        s_age: 9,
        e_age: 10,
        avg_saccade_score: 55,
        avg_pursuit_score: 45,
        avg_antisaccade_score: 50,
        std_saccade_score: 0,
        std_pursuit_score: 0,
        std_antisaccade_score: 5,
        avg_up_saccade_delay: 0.268636,
        avg_down_saccade_delay: 0.351151,
        avg_right_saccade_delay: 0.255316,
        avg_left_saccade_delay: 0.232736,
        avg_up_saccade_speed: 58.2118,
        avg_down_saccade_speed: 343.243,
        avg_right_saccade_speed: 217.801,
        avg_left_saccade_speed: 331.441,
        avg_up_fixation_stability: 0.0742893,
        avg_down_fixation_stability: 0.106659,
        avg_right_fixation_stability: 0.0878505,
        avg_left_fixation_stability: 0.0998697,
        std_up_saccade_delay: 0.00172299,
        std_down_saccade_delay: 0.0341137,
        std_right_saccade_delay: 0.000205249,
        std_left_saccade_delay: 0.0116633,
        std_up_saccade_speed: 6.43184,
        std_down_saccade_speed: 79.6616,
        std_right_saccade_speed: 173.606,
        std_left_saccade_speed: 23.4957,
        std_up_fixation_stability: 0.0179033,
        std_down_fixation_stability: 0.0678574,
        std_right_fixation_stability: 0.0425023,
        std_left_fixation_stability: 0.0254834,
        avg_clockwise_err: 1.0268,
        avg_anticlockwise_err: 0.936839,
        std_clockwise_err: 0.0615652,
        std_anticlockwise_err: 0.0916761,
        avg_right_antisaccade_delay: 0.352968,
        avg_left_antisaccade_delay: 0.341366,
        avg_avgErrFrequencyRatio: 0.25,
        avg_avgErrTime: 0.0286458,
        std_right_antisaccade_delay: 0.012088,
        std_left_antisaccade_delay: 0.0211456,
        std_avgErrFrequencyRatio: 0,
        std_avgErrTime: 0.0119792,
        chart: {
          saccade_score: {
            q0: 54.999730204122585,
            q1: 54.999932551030646,
            q2: 55,
            q3: 55.000067448969354,
            q4: 55.000269795877415,
            IQR: 0.0001348979387074678,
          },
          pursuit_score: {
            q0: 44.999730204122585,
            q1: 44.999932551030646,
            q2: 45,
            q3: 45.000067448969354,
            q4: 45.000269795877415,
            IQR: 0.0001348979387074678,
          },
          antisaccade_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
        },
      },
      {
        groupresult_screening_idx: 389,
        group_number: 25,
        savetime: "2022-06-02 01:01:00",
        sample_num_saccade: 3,
        sample_num_pursuit: 3,
        sample_num_antisaccade: 3,
        s_age: 10,
        e_age: 11,
        avg_saccade_score: 50.7535,
        avg_pursuit_score: 53.7087,
        avg_antisaccade_score: 51.5624,
        std_saccade_score: 8.13665,
        std_pursuit_score: 1.82618,
        std_antisaccade_score: 4.86152,
        avg_up_saccade_delay: 0.278421,
        avg_down_saccade_delay: 0.340102,
        avg_right_saccade_delay: 0.257866,
        avg_left_saccade_delay: 0.252481,
        avg_up_saccade_speed: 72.8628,
        avg_down_saccade_speed: 347.764,
        avg_right_saccade_speed: 253.469,
        avg_left_saccade_speed: 286.713,
        avg_up_fixation_stability: 0.0723554,
        avg_down_fixation_stability: 0.0830485,
        avg_right_fixation_stability: 0.0846836,
        avg_left_fixation_stability: 0.0852368,
        std_up_saccade_delay: 0.0139094,
        std_down_saccade_delay: 0.0319373,
        std_right_saccade_delay: 0.00361096,
        std_left_saccade_delay: 0.0295025,
        std_up_saccade_speed: 21.3748,
        std_down_saccade_speed: 65.3569,
        std_right_saccade_speed: 150.457,
        std_left_saccade_speed: 66.1001,
        std_up_fixation_stability: 0.0148716,
        std_down_fixation_stability: 0.064689,
        std_right_fixation_stability: 0.0349908,
        std_left_fixation_stability: 0.0293458,
        avg_clockwise_err: 1.09276,
        avg_anticlockwise_err: 0.885685,
        std_clockwise_err: 0.10597,
        std_anticlockwise_err: 0.104098,
        avg_right_antisaccade_delay: 0.373221,
        avg_left_antisaccade_delay: 0.344471,
        avg_avgErrFrequencyRatio: 0.25,
        avg_avgErrTime: 0.0354167,
        std_right_antisaccade_delay: 0.0302946,
        std_left_antisaccade_delay: 0.0178152,
        std_avgErrFrequencyRatio: 0,
        std_avgErrTime: 0.0136878,
        chart: {
          saccade_score: {
            q0: 28.801153741182276,
            q1: 45.26541343529557,
            q2: 50.7535,
            q3: 56.241586564704434,
            q4: 72.70584625881773,
            IQR: 10.976173129408863,
          },
          pursuit_score: {
            q0: 48.78174164601797,
            q1: 52.47696041150449,
            q2: 53.7087,
            q3: 54.94043958849551,
            q4: 58.63565835398203,
            IQR: 2.463479176991015,
          },
          antisaccade_score: {
            q0: 38.44621946081401,
            q1: 48.2833548652035,
            q2: 51.5624,
            q3: 54.841445134796494,
            q4: 64.67858053918599,
            IQR: 6.558090269592995,
          },
        },
      },
      {
        groupresult_screening_idx: 390,
        group_number: 25,
        savetime: "2022-06-02 01:01:00",
        sample_num_saccade: 3,
        sample_num_pursuit: 3,
        sample_num_antisaccade: 3,
        s_age: 11,
        e_age: 12,
        avg_saccade_score: 54.7017,
        avg_pursuit_score: 44.4715,
        avg_antisaccade_score: 35.8115,
        std_saccade_score: 0.421819,
        std_pursuit_score: 0.747435,
        std_antisaccade_score: 12.9946,
        avg_up_saccade_delay: 0.264855,
        avg_down_saccade_delay: 0.341409,
        avg_right_saccade_delay: 0.283375,
        avg_left_saccade_delay: 0.252268,
        avg_up_saccade_speed: 58.0562,
        avg_down_saccade_speed: 272.882,
        avg_right_saccade_speed: 237.57,
        avg_left_saccade_speed: 324.61,
        avg_up_fixation_stability: 0.0668159,
        avg_down_fixation_stability: 0.0838787,
        avg_right_fixation_stability: 0.116791,
        avg_left_fixation_stability: 0.0800918,
        std_up_saccade_delay: 0.00552956,
        std_down_saccade_delay: 0.0310747,
        std_right_saccade_delay: 0.0396826,
        std_left_saccade_delay: 0.0292169,
        std_up_saccade_speed: 5.25618,
        std_down_saccade_speed: 118.878,
        std_right_saccade_speed: 144.48,
        std_left_saccade_speed: 21.4791,
        std_up_fixation_stability: 0.0180385,
        std_down_fixation_stability: 0.0640909,
        std_right_fixation_stability: 0.0536603,
        std_left_fixation_stability: 0.0348606,
        avg_clockwise_err: 0.976002,
        avg_anticlockwise_err: 0.901481,
        std_clockwise_err: 0.0876741,
        std_anticlockwise_err: 0.0900191,
        avg_right_antisaccade_delay: 0.372281,
        avg_left_antisaccade_delay: 0.384642,
        avg_avgErrFrequencyRatio: 0.291667,
        avg_avgErrTime: 0.0663194,
        std_right_antisaccade_delay: 0.0290412,
        std_left_antisaccade_delay: 0.0635911,
        std_avgErrFrequencyRatio: 0.0589256,
        std_avgErrTime: 0.0541689,
        chart: {
          saccade_score: {
            q0: 53.56364972789193,
            q1: 54.417187431972984,
            q2: 54.7017,
            q3: 54.98621256802702,
            q4: 55.83975027210808,
            IQR: 0.5690251360540373,
          },
          pursuit_score: {
            q0: 42.454951183723104,
            q1: 43.967362795930775,
            q2: 44.4715,
            q3: 44.97563720406922,
            q4: 46.488048816276894,
            IQR: 1.0082744081384476,
          },
          antisaccade_score: {
            q0: 0.7526049148196208,
            q1: 27.046776228704907,
            q2: 35.8115,
            q3: 44.5762237712951,
            q4: 70.87039508518038,
            IQR: 17.52944754259019,
          },
        },
      },
      {
        groupresult_screening_idx: 391,
        group_number: 25,
        savetime: "2022-06-02 01:01:00",
        sample_num_saccade: 4,
        sample_num_pursuit: 3,
        sample_num_antisaccade: 2,
        s_age: 12,
        e_age: 13,
        avg_saccade_score: 50,
        avg_pursuit_score: 51.6667,
        avg_antisaccade_score: 55,
        std_saccade_score: 5,
        std_pursuit_score: 4.71405,
        std_antisaccade_score: 0,
        avg_up_saccade_delay: 0.261118,
        avg_down_saccade_delay: 0.370592,
        avg_right_saccade_delay: 0.278994,
        avg_left_saccade_delay: 0.234552,
        avg_up_saccade_speed: 51.4943,
        avg_down_saccade_speed: 345.276,
        avg_right_saccade_speed: 191.195,
        avg_left_saccade_speed: 372.829,
        avg_up_fixation_stability: 0.0875556,
        avg_down_fixation_stability: 0.248569,
        avg_right_fixation_stability: 0.0697253,
        avg_left_fixation_stability: 0.0796845,
        std_up_saccade_delay: 0.00870609,
        std_down_saccade_delay: 0.0460864,
        std_right_saccade_delay: 0.0392319,
        std_left_saccade_delay: 0.0106015,
        std_up_saccade_speed: 8.24642,
        std_down_saccade_speed: 88.2816,
        std_right_saccade_speed: 136.945,
        std_left_saccade_speed: 48.8821,
        std_up_fixation_stability: 0.0486654,
        std_down_fixation_stability: 0.278146,
        std_right_fixation_stability: 0.0371091,
        std_left_fixation_stability: 0.0272431,
        avg_clockwise_err: 1.03577,
        avg_anticlockwise_err: 0.916423,
        std_clockwise_err: 0.0518453,
        std_anticlockwise_err: 0.0802286,
        avg_right_antisaccade_delay: 0.352968,
        avg_left_antisaccade_delay: 0.341366,
        avg_avgErrFrequencyRatio: 0.25,
        avg_avgErrTime: 0.0286458,
        std_right_antisaccade_delay: 0.012088,
        std_left_antisaccade_delay: 0.0211456,
        std_avgErrFrequencyRatio: 0,
        std_avgErrTime: 0.0119792,
        chart: {
          saccade_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
          pursuit_score: {
            q0: 38.948387441222145,
            q1: 48.487121860305535,
            q2: 51.6667,
            q3: 54.84627813969446,
            q4: 64.38501255877785,
            IQR: 6.359156279388927,
          },
          antisaccade_score: {
            q0: 54.999730204122585,
            q1: 54.999932551030646,
            q2: 55,
            q3: 55.000067448969354,
            q4: 55.000269795877415,
            IQR: 0.0001348979387074678,
          },
        },
      },
      {
        groupresult_screening_idx: 392,
        group_number: 25,
        savetime: "2022-06-02 01:01:00",
        sample_num_saccade: 2,
        sample_num_pursuit: 2,
        sample_num_antisaccade: 2,
        s_age: 13,
        e_age: 14,
        avg_saccade_score: 50,
        avg_pursuit_score: 50,
        avg_antisaccade_score: 50,
        std_saccade_score: 5,
        std_pursuit_score: 5,
        std_antisaccade_score: 5,
        avg_up_saccade_delay: 0.268636,
        avg_down_saccade_delay: 0.351151,
        avg_right_saccade_delay: 0.255316,
        avg_left_saccade_delay: 0.232736,
        avg_up_saccade_speed: 58.2118,
        avg_down_saccade_speed: 343.243,
        avg_right_saccade_speed: 217.801,
        avg_left_saccade_speed: 331.441,
        avg_up_fixation_stability: 0.0742893,
        avg_down_fixation_stability: 0.106659,
        avg_right_fixation_stability: 0.0878505,
        avg_left_fixation_stability: 0.0998697,
        std_up_saccade_delay: 0.00172299,
        std_down_saccade_delay: 0.0341137,
        std_right_saccade_delay: 0.000205249,
        std_left_saccade_delay: 0.0116633,
        std_up_saccade_speed: 6.43184,
        std_down_saccade_speed: 79.6616,
        std_right_saccade_speed: 173.606,
        std_left_saccade_speed: 23.4957,
        std_up_fixation_stability: 0.0179033,
        std_down_fixation_stability: 0.0678574,
        std_right_fixation_stability: 0.0425023,
        std_left_fixation_stability: 0.0254834,
        avg_clockwise_err: 1.0268,
        avg_anticlockwise_err: 0.936839,
        std_clockwise_err: 0.0615652,
        std_anticlockwise_err: 0.0916761,
        avg_right_antisaccade_delay: 0.352968,
        avg_left_antisaccade_delay: 0.341366,
        avg_avgErrFrequencyRatio: 0.25,
        avg_avgErrTime: 0.0286458,
        std_right_antisaccade_delay: 0.012088,
        std_left_antisaccade_delay: 0.0211456,
        std_avgErrFrequencyRatio: 0,
        std_avgErrTime: 0.0119792,
        chart: {
          saccade_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
          pursuit_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
          antisaccade_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
        },
      },
      {
        groupresult_screening_idx: 393,
        group_number: 25,
        savetime: "2022-06-02 01:01:00",
        sample_num_saccade: 2,
        sample_num_pursuit: 2,
        sample_num_antisaccade: 2,
        s_age: 14,
        e_age: 15,
        avg_saccade_score: 50,
        avg_pursuit_score: 50,
        avg_antisaccade_score: 50,
        std_saccade_score: 5,
        std_pursuit_score: 5,
        std_antisaccade_score: 5,
        avg_up_saccade_delay: 0.268636,
        avg_down_saccade_delay: 0.351151,
        avg_right_saccade_delay: 0.255316,
        avg_left_saccade_delay: 0.232736,
        avg_up_saccade_speed: 58.2118,
        avg_down_saccade_speed: 343.243,
        avg_right_saccade_speed: 217.801,
        avg_left_saccade_speed: 331.441,
        avg_up_fixation_stability: 0.0742893,
        avg_down_fixation_stability: 0.106659,
        avg_right_fixation_stability: 0.0878505,
        avg_left_fixation_stability: 0.0998697,
        std_up_saccade_delay: 0.00172299,
        std_down_saccade_delay: 0.0341137,
        std_right_saccade_delay: 0.000205249,
        std_left_saccade_delay: 0.0116633,
        std_up_saccade_speed: 6.43184,
        std_down_saccade_speed: 79.6616,
        std_right_saccade_speed: 173.606,
        std_left_saccade_speed: 23.4957,
        std_up_fixation_stability: 0.0179033,
        std_down_fixation_stability: 0.0678574,
        std_right_fixation_stability: 0.0425023,
        std_left_fixation_stability: 0.0254834,
        avg_clockwise_err: 1.0268,
        avg_anticlockwise_err: 0.936839,
        std_clockwise_err: 0.0615652,
        std_anticlockwise_err: 0.0916761,
        avg_right_antisaccade_delay: 0.352968,
        avg_left_antisaccade_delay: 0.341366,
        avg_avgErrFrequencyRatio: 0.25,
        avg_avgErrTime: 0.0286458,
        std_right_antisaccade_delay: 0.012088,
        std_left_antisaccade_delay: 0.0211456,
        std_avgErrFrequencyRatio: 0,
        std_avgErrTime: 0.0119792,
        chart: {
          saccade_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
          pursuit_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
          antisaccade_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
        },
      },
      {
        groupresult_screening_idx: 394,
        group_number: 25,
        savetime: "2022-06-02 01:01:00",
        sample_num_saccade: 2,
        sample_num_pursuit: 2,
        sample_num_antisaccade: 2,
        s_age: 15,
        e_age: 16,
        avg_saccade_score: 50,
        avg_pursuit_score: 50,
        avg_antisaccade_score: 50,
        std_saccade_score: 5,
        std_pursuit_score: 5,
        std_antisaccade_score: 5,
        avg_up_saccade_delay: 0.268636,
        avg_down_saccade_delay: 0.351151,
        avg_right_saccade_delay: 0.255316,
        avg_left_saccade_delay: 0.232736,
        avg_up_saccade_speed: 58.2118,
        avg_down_saccade_speed: 343.243,
        avg_right_saccade_speed: 217.801,
        avg_left_saccade_speed: 331.441,
        avg_up_fixation_stability: 0.0742893,
        avg_down_fixation_stability: 0.106659,
        avg_right_fixation_stability: 0.0878505,
        avg_left_fixation_stability: 0.0998697,
        std_up_saccade_delay: 0.00172299,
        std_down_saccade_delay: 0.0341137,
        std_right_saccade_delay: 0.000205249,
        std_left_saccade_delay: 0.0116633,
        std_up_saccade_speed: 6.43184,
        std_down_saccade_speed: 79.6616,
        std_right_saccade_speed: 173.606,
        std_left_saccade_speed: 23.4957,
        std_up_fixation_stability: 0.0179033,
        std_down_fixation_stability: 0.0678574,
        std_right_fixation_stability: 0.0425023,
        std_left_fixation_stability: 0.0254834,
        avg_clockwise_err: 1.0268,
        avg_anticlockwise_err: 0.936839,
        std_clockwise_err: 0.0615652,
        std_anticlockwise_err: 0.0916761,
        avg_right_antisaccade_delay: 0.352968,
        avg_left_antisaccade_delay: 0.341366,
        avg_avgErrFrequencyRatio: 0.25,
        avg_avgErrTime: 0.0286458,
        std_right_antisaccade_delay: 0.012088,
        std_left_antisaccade_delay: 0.0211456,
        std_avgErrFrequencyRatio: 0,
        std_avgErrTime: 0.0119792,
        chart: {
          saccade_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
          pursuit_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
          antisaccade_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
        },
      },
      {
        groupresult_screening_idx: 395,
        group_number: 25,
        savetime: "2022-06-02 01:01:00",
        sample_num_saccade: 2,
        sample_num_pursuit: 2,
        sample_num_antisaccade: 2,
        s_age: 16,
        e_age: 17,
        avg_saccade_score: 50,
        avg_pursuit_score: 50,
        avg_antisaccade_score: 50,
        std_saccade_score: 5,
        std_pursuit_score: 5,
        std_antisaccade_score: 5,
        avg_up_saccade_delay: 0.268636,
        avg_down_saccade_delay: 0.351151,
        avg_right_saccade_delay: 0.255316,
        avg_left_saccade_delay: 0.232736,
        avg_up_saccade_speed: 58.2118,
        avg_down_saccade_speed: 343.243,
        avg_right_saccade_speed: 217.801,
        avg_left_saccade_speed: 331.441,
        avg_up_fixation_stability: 0.0742893,
        avg_down_fixation_stability: 0.106659,
        avg_right_fixation_stability: 0.0878505,
        avg_left_fixation_stability: 0.0998697,
        std_up_saccade_delay: 0.00172299,
        std_down_saccade_delay: 0.0341137,
        std_right_saccade_delay: 0.000205249,
        std_left_saccade_delay: 0.0116633,
        std_up_saccade_speed: 6.43184,
        std_down_saccade_speed: 79.6616,
        std_right_saccade_speed: 173.606,
        std_left_saccade_speed: 23.4957,
        std_up_fixation_stability: 0.0179033,
        std_down_fixation_stability: 0.0678574,
        std_right_fixation_stability: 0.0425023,
        std_left_fixation_stability: 0.0254834,
        avg_clockwise_err: 1.0268,
        avg_anticlockwise_err: 0.936839,
        std_clockwise_err: 0.0615652,
        std_anticlockwise_err: 0.0916761,
        avg_right_antisaccade_delay: 0.352968,
        avg_left_antisaccade_delay: 0.341366,
        avg_avgErrFrequencyRatio: 0.25,
        avg_avgErrTime: 0.0286458,
        std_right_antisaccade_delay: 0.012088,
        std_left_antisaccade_delay: 0.0211456,
        std_avgErrFrequencyRatio: 0,
        std_avgErrTime: 0.0119792,
        chart: {
          saccade_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
          pursuit_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
          antisaccade_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
        },
      },
      {
        groupresult_screening_idx: 396,
        group_number: 25,
        savetime: "2022-06-02 01:01:00",
        sample_num_saccade: 2,
        sample_num_pursuit: 2,
        sample_num_antisaccade: 2,
        s_age: 17,
        e_age: 18,
        avg_saccade_score: 50,
        avg_pursuit_score: 50,
        avg_antisaccade_score: 50,
        std_saccade_score: 5,
        std_pursuit_score: 5,
        std_antisaccade_score: 5,
        avg_up_saccade_delay: 0.268636,
        avg_down_saccade_delay: 0.351151,
        avg_right_saccade_delay: 0.255316,
        avg_left_saccade_delay: 0.232736,
        avg_up_saccade_speed: 58.2118,
        avg_down_saccade_speed: 343.243,
        avg_right_saccade_speed: 217.801,
        avg_left_saccade_speed: 331.441,
        avg_up_fixation_stability: 0.0742893,
        avg_down_fixation_stability: 0.106659,
        avg_right_fixation_stability: 0.0878505,
        avg_left_fixation_stability: 0.0998697,
        std_up_saccade_delay: 0.00172299,
        std_down_saccade_delay: 0.0341137,
        std_right_saccade_delay: 0.000205249,
        std_left_saccade_delay: 0.0116633,
        std_up_saccade_speed: 6.43184,
        std_down_saccade_speed: 79.6616,
        std_right_saccade_speed: 173.606,
        std_left_saccade_speed: 23.4957,
        std_up_fixation_stability: 0.0179033,
        std_down_fixation_stability: 0.0678574,
        std_right_fixation_stability: 0.0425023,
        std_left_fixation_stability: 0.0254834,
        avg_clockwise_err: 1.0268,
        avg_anticlockwise_err: 0.936839,
        std_clockwise_err: 0.0615652,
        std_anticlockwise_err: 0.0916761,
        avg_right_antisaccade_delay: 0.352968,
        avg_left_antisaccade_delay: 0.341366,
        avg_avgErrFrequencyRatio: 0.25,
        avg_avgErrTime: 0.0286458,
        std_right_antisaccade_delay: 0.012088,
        std_left_antisaccade_delay: 0.0211456,
        std_avgErrFrequencyRatio: 0,
        std_avgErrTime: 0.0119792,
        chart: {
          saccade_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
          pursuit_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
          antisaccade_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
        },
      },
      {
        groupresult_screening_idx: 397,
        group_number: 25,
        savetime: "2022-06-02 01:01:00",
        sample_num_saccade: 2,
        sample_num_pursuit: 2,
        sample_num_antisaccade: 2,
        s_age: 18,
        e_age: 19,
        avg_saccade_score: 50,
        avg_pursuit_score: 50,
        avg_antisaccade_score: 50,
        std_saccade_score: 5,
        std_pursuit_score: 5,
        std_antisaccade_score: 5,
        avg_up_saccade_delay: 0.268636,
        avg_down_saccade_delay: 0.351151,
        avg_right_saccade_delay: 0.255316,
        avg_left_saccade_delay: 0.232736,
        avg_up_saccade_speed: 58.2118,
        avg_down_saccade_speed: 343.243,
        avg_right_saccade_speed: 217.801,
        avg_left_saccade_speed: 331.441,
        avg_up_fixation_stability: 0.0742893,
        avg_down_fixation_stability: 0.106659,
        avg_right_fixation_stability: 0.0878505,
        avg_left_fixation_stability: 0.0998697,
        std_up_saccade_delay: 0.00172299,
        std_down_saccade_delay: 0.0341137,
        std_right_saccade_delay: 0.000205249,
        std_left_saccade_delay: 0.0116633,
        std_up_saccade_speed: 6.43184,
        std_down_saccade_speed: 79.6616,
        std_right_saccade_speed: 173.606,
        std_left_saccade_speed: 23.4957,
        std_up_fixation_stability: 0.0179033,
        std_down_fixation_stability: 0.0678574,
        std_right_fixation_stability: 0.0425023,
        std_left_fixation_stability: 0.0254834,
        avg_clockwise_err: 1.0268,
        avg_anticlockwise_err: 0.936839,
        std_clockwise_err: 0.0615652,
        std_anticlockwise_err: 0.0916761,
        avg_right_antisaccade_delay: 0.352968,
        avg_left_antisaccade_delay: 0.341366,
        avg_avgErrFrequencyRatio: 0.25,
        avg_avgErrTime: 0.0286458,
        std_right_antisaccade_delay: 0.012088,
        std_left_antisaccade_delay: 0.0211456,
        std_avgErrFrequencyRatio: 0,
        std_avgErrTime: 0.0119792,
        chart: {
          saccade_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
          pursuit_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
          antisaccade_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
        },
      },
      {
        groupresult_screening_idx: 398,
        group_number: 25,
        savetime: "2022-06-02 01:01:00",
        sample_num_saccade: 2,
        sample_num_pursuit: 2,
        sample_num_antisaccade: 2,
        s_age: 19,
        e_age: 20,
        avg_saccade_score: 50,
        avg_pursuit_score: 50,
        avg_antisaccade_score: 50,
        std_saccade_score: 5,
        std_pursuit_score: 5,
        std_antisaccade_score: 5,
        avg_up_saccade_delay: 0.268636,
        avg_down_saccade_delay: 0.351151,
        avg_right_saccade_delay: 0.255316,
        avg_left_saccade_delay: 0.232736,
        avg_up_saccade_speed: 58.2118,
        avg_down_saccade_speed: 343.243,
        avg_right_saccade_speed: 217.801,
        avg_left_saccade_speed: 331.441,
        avg_up_fixation_stability: 0.0742893,
        avg_down_fixation_stability: 0.106659,
        avg_right_fixation_stability: 0.0878505,
        avg_left_fixation_stability: 0.0998697,
        std_up_saccade_delay: 0.00172299,
        std_down_saccade_delay: 0.0341137,
        std_right_saccade_delay: 0.000205249,
        std_left_saccade_delay: 0.0116633,
        std_up_saccade_speed: 6.43184,
        std_down_saccade_speed: 79.6616,
        std_right_saccade_speed: 173.606,
        std_left_saccade_speed: 23.4957,
        std_up_fixation_stability: 0.0179033,
        std_down_fixation_stability: 0.0678574,
        std_right_fixation_stability: 0.0425023,
        std_left_fixation_stability: 0.0254834,
        avg_clockwise_err: 1.0268,
        avg_anticlockwise_err: 0.936839,
        std_clockwise_err: 0.0615652,
        std_anticlockwise_err: 0.0916761,
        avg_right_antisaccade_delay: 0.352968,
        avg_left_antisaccade_delay: 0.341366,
        avg_avgErrFrequencyRatio: 0.25,
        avg_avgErrTime: 0.0286458,
        std_right_antisaccade_delay: 0.012088,
        std_left_antisaccade_delay: 0.0211456,
        std_avgErrFrequencyRatio: 0,
        std_avgErrTime: 0.0119792,
        chart: {
          saccade_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
          pursuit_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
          antisaccade_score: {
            q0: 36.510206129784535,
            q1: 46.627551532446134,
            q2: 50,
            q3: 53.372448467553866,
            q4: 63.489793870215465,
            IQR: 6.744896935107732,
          },
        },
      },
      {
        groupresult_screening_idx: 399,
        group_number: 25,
        savetime: "2022-06-02 01:01:00",
        sample_num_saccade: 6,
        sample_num_pursuit: 4,
        sample_num_antisaccade: 7,
        s_age: 20,
        e_age: 1000,
        avg_saccade_score: 47.7635,
        avg_pursuit_score: 54.6844,
        avg_antisaccade_score: 46.0071,
        std_saccade_score: 5.44994,
        std_pursuit_score: 11.7335,
        std_antisaccade_score: 4.69438,
        avg_up_saccade_delay: 0.262099,
        avg_down_saccade_delay: 0.456365,
        avg_right_saccade_delay: 0.294271,
        avg_left_saccade_delay: 0.26559,
        avg_up_saccade_speed: 79.5187,
        avg_down_saccade_speed: 173.162,
        avg_right_saccade_speed: 212.204,
        avg_left_saccade_speed: 325.969,
        avg_up_fixation_stability: 0.111164,
        avg_down_fixation_stability: 0.195909,
        avg_right_fixation_stability: 0.102316,
        avg_left_fixation_stability: 0.0882615,
        std_up_saccade_delay: 0.0445302,
        std_down_saccade_delay: 0.270329,
        std_right_saccade_delay: 0.0394074,
        std_left_saccade_delay: 0.0294213,
        std_up_saccade_speed: 57.5921,
        std_down_saccade_speed: 136.985,
        std_right_saccade_speed: 144.383,
        std_left_saccade_speed: 85.7469,
        std_up_fixation_stability: 0.0593768,
        std_down_fixation_stability: 0.169563,
        std_right_fixation_stability: 0.0562794,
        std_left_fixation_stability: 0.0304513,
        avg_clockwise_err: 1.14368,
        avg_anticlockwise_err: 0.950009,
        std_clockwise_err: 0.24379,
        std_anticlockwise_err: 0.182347,
        avg_right_antisaccade_delay: 0.35283,
        avg_left_antisaccade_delay: 0.377746,
        avg_avgErrFrequencyRatio: 0.178571,
        avg_avgErrTime: 0.01875,
        std_right_antisaccade_delay: 0.0128848,
        std_left_antisaccade_delay: 0.0517154,
        std_avgErrFrequencyRatio: 0.174964,
        std_avgErrTime: 0.0179129,
        chart: {
          saccade_score: {
            q0: 33.05978655899157,
            q1: 44.08757163974789,
            q2: 47.7635,
            q3: 51.43942836025211,
            q4: 62.46721344100843,
            IQR: 7.351856720504216,
          },
          pursuit_score: {
            q0: 23.02790072476536,
            q1: 46.77027518119134,
            q2: 54.6844,
            q3: 62.598524818808656,
            q4: 86.34089927523463,
            IQR: 15.828249637617319,
          },
          antisaccade_score: {
            q0: 33.34185629030758,
            q1: 42.8407890725769,
            q2: 46.0071,
            q3: 49.173410927423106,
            q4: 58.67234370969242,
            IQR: 6.332621854846209,
          },
        },
      },
      {
        groupresult_screening_idx: 400,
        group_number: 25,
        savetime: "2022-06-02 01:01:00",
        sample_num_saccade: 40,
        sample_num_pursuit: 36,
        sample_num_antisaccade: 38,
        s_age: 0,
        e_age: 1000,
        avg_saccade_score: 50.4615,
        avg_pursuit_score: 50.74,
        avg_antisaccade_score: 48.3957,
        std_saccade_score: 5.59561,
        std_pursuit_score: 6.36466,
        std_antisaccade_score: 7.22416,
        avg_up_saccade_delay: 0.268032,
        avg_down_saccade_delay: 0.366068,
        avg_right_saccade_delay: 0.26672,
        avg_left_saccade_delay: 0.241498,
        avg_up_saccade_speed: 61.5618,
        avg_down_saccade_speed: 306.809,
        avg_right_saccade_speed: 226.242,
        avg_left_saccade_speed: 326.692,
        avg_up_fixation_stability: 0.079471,
        avg_down_fixation_stability: 0.128542,
        avg_right_fixation_stability: 0.0879355,
        avg_left_fixation_stability: 0.0917395,
        std_up_saccade_delay: 0.018963,
        std_down_saccade_delay: 0.116149,
        std_right_saccade_delay: 0.0274176,
        std_left_saccade_delay: 0.0223339,
        std_up_saccade_speed: 25.3445,
        std_down_saccade_speed: 112.749,
        std_right_saccade_speed: 161.861,
        std_left_saccade_speed: 53.3898,
        std_up_fixation_stability: 0.0346568,
        std_down_fixation_stability: 0.134686,
        std_right_fixation_stability: 0.0462532,
        std_left_fixation_stability: 0.0289108,
        avg_clockwise_err: 1.05182,
        avg_anticlockwise_err: 0.9285,
        std_clockwise_err: 0.125744,
        std_anticlockwise_err: 0.10621,
        avg_right_antisaccade_delay: 0.35694,
        avg_left_antisaccade_delay: 0.353383,
        avg_avgErrFrequencyRatio: 0.236842,
        avg_avgErrTime: 0.030455,
        std_right_antisaccade_delay: 0.0183565,
        std_left_antisaccade_delay: 0.0383583,
        std_avgErrFrequencyRatio: 0.0850187,
        std_avgErrTime: 0.0229608,
        chart: {
          saccade_score: {
            q0: 35.36477490437673,
            q1: 46.68731872609418,
            q2: 50.4615,
            q3: 54.23568127390582,
            q4: 65.55822509562327,
            IQR: 7.548362547811635,
          },
          pursuit_score: {
            q0: 33.568409709198896,
            q1: 46.447102427299725,
            q2: 50.74,
            q3: 55.03289757270028,
            q4: 67.91159029080112,
            IQR: 8.585795145400553,
          },
          antisaccade_score: {
            q0: 28.90521414290884,
            q1: 43.52307853572721,
            q2: 48.3957,
            q3: 53.26832146427279,
            q4: 67.88618585709116,
            IQR: 9.74524292854558,
          },
        },
      },
    ];
  }, []);

  const userInformArr = React.useMemo(() => {
    if (!dataArr) return;
    let ex = {
      testeeMomentAge: 20,
      testeeName: "헐크",
      testeeID: "hulk",
      testeeClass: "개나리반",
      testeeSex: "남자",
      agencyID: "guripong",
      agencyName: "쏘기컴터학원",
    };
    let arr = [];
    for (let i = 0; i < dataArr.length; i++) {
      arr.push(ex);
    }

    return arr;
  }, [dataArr]);

  const resultInformArr = React.useMemo(() => {
    if (!dataArr) return;

    let ex = {
      savetime: "2022-06-10 09:31:12",
    };
    let arr = [];
    for (let i = 0; i < dataArr.length; i++) {
      arr.push(ex);
    }
    // console.log("resultInformArr",arr);
    return arr;
  }, [dataArr]);
  return (
    <div className="App">
      샘플데이터는 74_saccade,80_pursuit,53_antisaccade 을 넣어봄
      <button onClick={() => set_showViewer(true)}>open</button>
      {resultInformArr && userInformArr && showViewer === true && (
        <ScreeningViewer
          dataArr={dataArr}
          groupData={groupData}
          onClose={() => set_showViewer(false)}
          userInformArr={userInformArr}
          resultInformArr={resultInformArr}
          isPossiblePDF={true}
          orgLogo="data:image/png;base64, "
        />
      )}
    </div>
  );
}

export default App;
