fix issue with providers

Author: kanzelm3

index.js

@@ -1,8 +1,19 @@
 const providerRegex = /Provider$/;
 
+function getJSXElementName(jsx) {
+  if (jsx.openingElement.name.type === 'JSXIdentifier') {
+    // e.g. List
+    return jsx.openingElement.name.name;
+  }
+  if (jsx.openingElement.name.type === 'JSXMemberExpression') {
+    // e.g. List.Provider
+    return `${jsx.openingElement.name.object.name}.${jsx.openingElement.name.property.name}`;
+  }
+}
+
 function handleJSX(context, name, jsx) {
   if (
-    !providerRegex.test(name) &&
+    !providerRegex.test(getJSXElementName(jsx)) &&
     !jsx.openingElement.attributes.find(
       (a) => a.name?.name === 'data-component',
     )

test.js

@@ -242,8 +242,13 @@ export default forwardRef<HTMLAnchorElement, InternalLinkProps>(
 );`;
 
 const provider = /* tsx */ `
-export const MyProvider = () => <Foo />;
+export const Test = () => <TestProvider />;
 `;
+
+const providerWithDot = /* tsx */ `
+export const Test = () => <Test.Provider />;
+`;
+
 const tests = {
   'data-component': {
     // Require the actual rule definition
@@ -304,6 +309,9 @@ const tests = {
         {
           code: provider,
         },
+        {
+          code: providerWithDot,
+        },
       ],
       invalid: [
         {