argTypes:Arg Type Inference

This story threw an error after it finished rendering which means interactions may not have been executed fully.

TestingLibraryElementError: Found multiple elements by: [data-testid="pre"]

Here are the matching elements:

Ignored nodes: comments, script, style
<pre
  data-testid="pre"
>
  {
  "a": {
    "control": {
      "type": "number"
    },
    "name": "a",
    "type": {
      "name": "number"
    }
  },
  "b": {
    "control": {
      "type": "text"
    },
    "name": "b",
    "type": {
      "name": "string"
    }
  },
  "c": {
    "control": {
      "type": "boolean"
    },
    "name": "c",
    "type": {
      "name": "boolean"
    }
  },
  "d": {
    "control": {
      "type": "object"
    },
    "name": "d",
    "type": {
      "name": "object",
      "value": {
        "a": {
          "name": "string"
        }
      }
    }
  },
  "e": {
    "control": {
      "type": "object"
    },
    "name": "e",
    "type": {
      "name": "array",
      "value": {
        "name": "string"
      }
    }
  },
  "style": {
    "control": {
      "type": "object"
    },
    "name": "style",
    "description": "",
    "type": {
      "required": false,
      "name": "object",
      "value": {}
    },
    "table": {
      "type": {
        "summary": "{ }"
      },
      "defaultValue": {
        "summary": "{ }"
      }
    }
  },
  "object": {
    "control": {
      "type": "object"
    },
    "name": "object",
    "description": "",
    "type": {
      "required": false,
      "name": "object",
      "value": {}
    },
    "table": {
      "type": {
        "summary": "{ }"
      }
    }
  },
  "text": {
    "control": {
      "type": "text"
    },
    "name": "text",
    "description": "",
    "type": {
      "required": false,
      "name": "string"
    },
    "table": {
      "type": {
        "summary": "string"
      },
      "defaultValue": {
        "summary": "''"
      }
    }
  },
  "componentArg": {
    "control": {
      "type": "text"
    },
    "name": "componentArg",
    "type": {
      "name": "string"
    }
  },
  "storyArg": {
    "control": {
      "type": "text"
    },
    "name": "storyArg",
    "type": {
      "name": "string"
    }
  },
  "composedArg": {
    "control": {
      "type": "text"
    },
    "name": "composedArg",
    "type": {
      "name": "string"
    }
  }
}
</pre>

Ignored nodes: comments, script, style
<pre
  data-testid="pre"
>
  {
  "a": {
    "control": {
      "type": "number"
    },
    "name": "a",
    "type": {
      "name": "number"
    }
  },
  "b": {
    "control": {
      "type": "text"
    },
    "name": "b",
    "type": {
      "name": "string"
    }
  },
  "c": {
    "control": {
      "type": "boolean"
    },
    "name": "c",
    "type": {
      "name": "boolean"
    }
  },
  "d": {
    "control": {
      "type": "object"
    },
    "name": "d",
    "type": {
      "name": "object",
      "value": {
        "a": {
          "name": "string"
        }
      }
    }
  },
  "e": {
    "control": {
      "type": "object"
    },
    "name": "e",
    "type": {
      "name": "array",
      "value": {
        "name": "string"
      }
    }
  },
  "style": {
    "control": {
      "type": "object"
    },
    "name": "style",
    "description": "",
    "type": {
      "required": false,
      "name": "object",
      "value": {}
    },
    "table": {
      "type": {
        "summary": "{ }"
      },
      "defaultValue": {
        "summary": "{ }"
      }
    }
  },
  "object": {
    "control": {
      "type": "object"
    },
    "name": "object",
    "description": "",
    "type": {
      "required": false,
      "name": "object",
      "value": {}
    },
    "table": {
      "type": {
        "summary": "{ }"
      }
    }
  },
  "text": {
    "control": {
      "type": "text"
    },
    "name": "text",
    "description": "",
    "type": {
      "required": false,
      "name": "string"
    },
    "table": {
      "type": {
        "summary": "string"
      },
      "defaultValue": {
        "summary": "''"
      }
    }
  },
  "componentArg": {
    "control": {
      "type": "text"
    },
    "name": "componentArg",
    "type": {
      "name": "string"
    }
  },
  "storyArg": {
    "control": {
      "type": "text"
    },
    "name": "storyArg",
    "type": {
      "name": "string"
    }
  },
  "composedArg": {
    "control": {
      "type": "text"
    },
    "name": "composedArg",
    "type": {
      "name": "string"
    }
  }
}
</pre>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    class="css-ec0dpa"
    data-side="left"
  >
    <pre
      data-testid="pre"
    >
      {
  "a": {
    "control": {
      "type": "number"
    },
    "name": "a",
    "type": {
      "name": "number"
    }
  },
  "b": {
    "control": {
      "type": "text"
    },
    "name": "b",
    "type": {
      "name": "string"
    }
  },
  "c": {
    "control": {
      "type": "boolean"
    },
    "name": "c",
    "type": {
      "name": "boolean"
    }
  },
  "d": {
    "control": {
      "type": "object"
    },
    "name": "d",
    "type": {
      "name": "object",
      "value": {
        "a": {
          "name": "string"
        }
      }
    }
  },
  "e": {
    "control": {
      "type": "object"
    },
    "name": "e",
    "type": {
      "name": "array",
      "value": {
        "name": "string"
      }
    }
  },
  "style": {
    "control": {
      "type": "object"
    },
    "name": "style",
    "description": "",
    "type": {
      "required": false,
      "name": "object",
      "value": {}
    },
    "table": {
      "type": {
        "summary": "{ }"
      },
      "defaultValue": {
        "summary": "{ }"
      }
    }
  },
  "object": {
    "control": {
      "type": "object"
    },
    "name": "object",
    "description": "",
    "type": {
      "required": false,
      "name": "object",
      "value": {}
    },
    "table": {
      "type": {
        "summary": "{ }"
      }
    }
  },
  "text": {
    "control": {
      "type": "text"
    },
    "name": "text",
    "description": "",
    "type": {
      "required": false,
      "name": "string"
    },
    "table": {
      "type": {
        "summary": "string"
      },
      "defaultValue": {
        "summary": "''"
      }
    }
  },
  "componentArg": {
    "control": {
      "type": "text"
    },
    "name": "componentArg",
    "type": {
      "name": "string"
    }
  },
  "storyArg": {
    "control": {
      "type": "text"
    },
    "name": "storyArg",
    "type": {
      "name": "string"
    }
  },
  "composedArg": {
    "control": {
      "type": "text"
    },
    "name": "composedArg",
    "type": {
      "name": "string"
    }
  }
}
    </pre>
  </div>
  <div
    class="css-b8mu1s"
    data-side="right"
  >
    <pre
      data-testid="pre"
    >
      {
  "a": {
    "control": {
      "type": "number"
    },
    "name": "a",
    "type": {
      "name": "number"
    }
  },
  "b": {
    "control": {
      "type": "text"
    },
    "name": "b",
    "type": {
      "name": "string"
    }
  },
  "c": {
    "control": {
      "type": "boolean"
    },
    "name": "c",
    "type": {
      "name": "boolean"
    }
  },
  "d": {
    "control": {
      "type": "object"
    },
    "name": "d",
    "type": {
      "name": "object",
      "value": {
        "a": {
          "name": "string"
        }
      }
    }
  },
  "e": {
    "control": {
      "type": "object"
    },
    "name": "e",
    "type": {
      "name": "array",
      "value": {
        "name": "string"
      }
    }
  },
  "style": {
    "control": {
      "type": "object"
    },
    "name": "style",
    "description": "",
    "type": {
      "required": false,
      "name": "object",
      "value": {}
    },
    "table": {
      "type": {
        "summary": "{ }"
      },
      "defaultValue": {
        "summary": "{ }"
      }
    }
  },
  "object": {
    "control": {
      "type": "object"
    },
    "name": "object",
    "description": "",
    "type": {
      "required": false,
      "name": "object",
      "value": {}
    },
    "table": {
      "type": {
        "summary": "{ }"
      }
    }
  },
  "text": {
    "control": {
      "type": "text"
    },
    "name": "text",
    "description": "",
    "type": {
      "required": false,
      "name": "string"
    },
    "table": {
      "type": {
        "summary": "string"
      },
      "defaultValue": {
        "summary": "''"
      }
    }
  },
  "componentArg": {
    "control": {
      "type": "text"
    },
    "name": "componentArg",
    "type": {
      "name": "string"
    }
  },
  "storyArg": {
    "control": {
      "type": "text"
    },
    "name": "storyArg",
    "type": {
      "name": "string"
    }
  },
  "composedArg": {
    "control": {
      "type": "text"
    },
    "name": "composedArg",
    "type": {
      "name": "string"
    }
  }
}
    </pre>
  </div>
</div>
    at Object.getElementError (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-a2f9a4a0.js:129:284)
    at Vn (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-a2f9a4a0.js:143:3483)
    at zn (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-a2f9a4a0.js:143:3528)
    at https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-a2f9a4a0.js:145:10
    at https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-a2f9a4a0.js:151:387
    at sn.invoke (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-469d1c44.js:28:9372)
    at sn.track (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-469d1c44.js:28:6505)
    at Object.getByTestId (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/index-469d1c44.js:28:5777)
    at play (https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/assets/argTypes.stories-a04ff6e5.js:1:700)
    at https://635781f3500dd2c49e189caf-svyjgyayuj.capture-loopback.chromatic.com/sb-preview/runtime.js:8267:60