fix issue where typography component was erroring due to incorrect tag being passed (#603)

packages/fast-markdown-msft-react/src/index.spec.ts

@@ -18,42 +18,42 @@ describe("Convert markdown to HTML", function(): void {
         const markdown: string = "https://test.com";
         expect(md.render(markdown).replace(newlineRegex, "")).toBe(
             /* tslint:disable-next-line */
-            "<Typography tag=\"p\" typeLevel={7}><Hypertext text=\"https://test.com\" href=\"https://test.com\" target=\"_blank\">https://test.com</Hypertext></Typography>"
+            "<Typography typeLevel={7}><Hypertext text=\"https://test.com\" href=\"https://test.com\" target=\"_blank\">https://test.com</Hypertext></Typography>"
         );
     });
 
     test("should convert a (c) to a copywrite symbol", function(): void {
         const markdown: string = "(c)";
         expect(md.render(markdown).replace(newlineRegex, "")).toBe(
-            "<Typography tag=\"p\" typeLevel={7}>©</Typography>"
+            "<Typography typeLevel={7}>©</Typography>"
         );
     });
 
     test("should allow HTML to be in markdown", function(): void {
         const markdown: string = "<a href=\"#\">hello world</a>";
         expect(md.render(markdown).replace(newlineRegex, "")).toBe(
-            `<Typography tag=\"p\" typeLevel={7}><a href="#">hello world</a></Typography>`
+            `<Typography typeLevel={7}><a href="#">hello world</a></Typography>`
         );
     });
 
     test("should convert a markdown link to a FAST MSFT hypertext", function(): void {
         const markdown: string = "[Test](/test)";
         expect(md.render(markdown).replace(newlineRegex, "")).toBe(
-            "<Typography tag=\"p\" typeLevel={7}><Hypertext text=\"Test\" href=\"/test\">Test</Hypertext></Typography>"
+            "<Typography typeLevel={7}><Hypertext text=\"Test\" href=\"/test\">Test</Hypertext></Typography>"
         );
     });
 
     test("should convert a markdown unordered bullet list to a list", function(): void {
         const markdown: string = "* list item";
         expect(md.render(markdown).replace(newlineRegex, "")).toBe(
-            "<ul><li><Typography tag=\"p\" typeLevel={7}>list item</Typography></li></ul>"
+            "<ul><li><Typography typeLevel={7}>list item</Typography></li></ul>"
         );
     });
 
     test("should convert a markdown ordered list to a list", function(): void {
         const markdown: string = "1. list item";
         expect(md.render(markdown).replace(newlineRegex, "")).toBe(
-            "<ol><li><Typography tag=\"p\" typeLevel={7}>list item</Typography></li></ol>"
+            "<ol><li><Typography typeLevel={7}>list item</Typography></li></ol>"
         );
     });
 
@@ -81,7 +81,7 @@ describe("Convert markdown to HTML", function(): void {
     test("should convert any inline text with {, }, < and > into their HTML codes", function(): void {
         const markdown: string = "some text with { and } and < and >";
         expect(md.render(markdown).replace(newlineRegex, "")).toBe(
-            `<Typography tag=\"p\" typeLevel={7}>some text with &#123; and &#125; and &#60; and &#62;</Typography>`
+            `<Typography typeLevel={7}>some text with &#123; and &#125; and &#60; and &#62;</Typography>`
         );
     });
 

packages/fast-markdown-msft-react/src/index.ts

@@ -26,7 +26,7 @@ class FastMarkdownIt {
     constructor(md: MarkdownIt) {
         md.core.ruler.push("fast", (new CreateRule(md) as any));
         md.renderer.rules.paragraph_open = function(): string {
-            return `<Typography tag="p" typeLevel={7}>`;
+            return `<Typography typeLevel={7}>`;
         };
         md.renderer.rules.heading_open = function(tokens: ITokens<IToken>, idx: number): string {
             const id: string = tokens[idx + 1].children[0].content.toLowerCase().replace(/\s/g, "-").replace(/[^a-z\-]/g, "");