Prop added to make Hashtags recognize according to the regex provided

README.md

@@ -56,6 +56,7 @@ The component `ReactHashtag` is actually pretty generic. Is not something that s
 | ---- | ---- | -----------
 | renderHashtag(value: String, onClick: Function) | function | Returns the custom element to be renderer instead of a `<span>`. You can go wild here.
 | onHashtagClick(value: String, e: Event) | function | The click handler for each hashtags. This will be called with the hashtag value that got clicked.
+| hashtagRegex(value: Regex) | Regex | Here user can provide the custom regex. According to  this regex matched values will be enclosed in `<span>`.
 
 
 ## Examples
@@ -75,6 +76,20 @@ const Card = (props) => (
 );
 ```
 
+### With Custom Hashtag Regex Prop
+```jsx harmony
+
+const Card = (props) => (
+    <p>
+        <ReactHashtag
+            hashtagRegex={/(?:(?<=\s)|^)#(\w*[a-zA-z]\w*)+\b(?!#)/gm}
+        >
+            {props.children}
+        </ReactHashtag>
+    </p>
+);
+```
+
 ### With styled components
 ```jsx harmony
 

lib/index.js

@@ -1,9 +1,9 @@
 const rule = /([#|＃][^\s]+)/g;
 
-export const parse = (value, renderer, action) => {
+export const parse = (value, renderer, action, hashtagRegex = rule) => {
     return value.split(rule).map((chunk) => {
 
-        if (chunk.match(rule)) {
+        if (hashtagRegex.test(chunk)) {
             return renderer(chunk, action);
         }
 

src/index.js

@@ -37,7 +37,7 @@ export default props => {
   const hashtagRenderer =
     props.renderHashtag || defaultHashtagRenderer(createElement);
   const onHashtagClick = props.onHashtagClick;
-  const parsed = parse(contents, hashtagRenderer, onHashtagClick);
+  const parsed = parse(contents, hashtagRenderer, onHashtagClick, props.hashtagRegex);
 
   return canRenderArray ? parsed : createElement("span", null, parsed);
 };

tests/__snapshots__/usual-flow.test.js.snap

@@ -3,3 +3,5 @@
 exports[`ReactHashtag should behave Should render custom hashtags 1`] = `"<div><div>#lots</div> <div>#of</div> <div>#hashtags</div> <div>＃🤷🏿‍♀️</div> <div>#thatWasAUnicodeSet</div></div>"`;
 
 exports[`ReactHashtag should behave Should render hashtags 1`] = `"<div>Hello <span>#there</span> fellow <span>#dude#Works?</span></div>"`;
+
+exports[`ReactHashtag should behave Should render hashtags with custom regex 1`] = `"<div>Hello <span>#there</span> fellow #dude#Works?</div>"`;

tests/usual-flow.test.js

@@ -41,6 +41,18 @@ describe('ReactHashtag should behave', () => {
         expect(context.html()).toMatchSnapshot();
     });
 
+    it('Should render hashtags with custom regex', () => {
+
+        const context = shallow(
+            <div>
+                <ReactHashtag hashtagRegex={/(?:(?<=\s)|^)#(\w*[a-zA-z]\w*)+\b(?!#)/gm}>
+                    Hello #there fellow #dude#Works?
+                </ReactHashtag>
+            </div>
+        );
+
+        expect(context.html()).toMatchSnapshot();
+    });
 
     it('Should handle the hashtag actions', () => {
         const onHashtagClick = jest.fn();