import * as React from "react";
import { ReactStringReplace, ReactStringReplaceRules } from "react-string-replace";
function App() {
 const rules: ReactStringReplaceRules = [
 {
 search: /(https?:\/\/\S+)/g,
 onMatch(match, index) {
 return (
 <a key={match + index} href={match}>
 {match}
 </a>
 );
 },
 },
 {
 search: /@(\w+)/g,
 onMatch(match, index) {
 return (
 <a key={match + index} href={`https://twitter.com/${match}`}>
 @{match}
 </a>
 );
 },
 },
 {
 search: /#(\w+)/g,
 onMatch(match, index) {
 return (
 <a key={match + index} href={`https://twitter.com/hashtag/${match}`}>
 #{match}
 </a>
 );
 },
 },
 ];
 return (
 <div>
 <ReactStringReplace rules={rules}>
 Hey @ian_sinn, check out this link https://github.com/iansinnott/ Hope
 to see you at #reactconf
 </ReactStringReplace>
 </div>
 );
}
export default App;