Add a data attribute to npm wrapper divs so we can identify them from connect-js internally (#156)

* Use inline instead of 100% div

* Update src/useCreateComponent.tsx

Signed-off-by: Michael Hines <michaelphines@stripe.com>

* Update src/useCreateComponent.tsx

Signed-off-by: Michael Hines <michaelphines@stripe.com>

* Update src/useCreateComponent.tsx

Signed-off-by: Michael Hines <michaelphines@stripe.com>

---------

Signed-off-by: Michael Hines <michaelphines@stripe.com>

Author: michaelphines-stripe

src/useCreateComponent.tsx

@@ -18,7 +18,7 @@ export const useCreateComponent = <T extends ConnectElementTagName>(
   // We set width to 100% to preserve this functionality aspect of embedded components even though
   // we are introducing a wrapper div for this element
   // https://docs.corp.stripe.com/connect/get-started-connect-embedded-components#width-and-height
-  const wrapper = <div style={{width: '100%'}} ref={wrapperDivRef}></div>;
+  const wrapper = <div style={{width: '100%'}} data-stripe-connect-js-wrapper ref={wrapperDivRef}></div>;
 
   React.useLayoutEffect(() => {
     if (wrapperDivRef.current !== null && component === null) {