Docs: Fix typos in the codebase and examples

code/core/src/preview-api/modules/store/csf/portable-stories.ts

@@ -169,7 +169,7 @@ export function composeStory<TRenderer extends Renderer = Renderer, TArgs extend
         // TODO: Consolidate this renderContext with Context in SB 10.0
         // Change renderToCanvas function to only use the context object
         // and to make the renderContext an internal implementation detail
-        // wasnt'possible so far because showError and showException are not part of the story context (yet)
+        // wasn't possible so far because showError and showException are not part of the story context (yet)
         const unmount = await story.renderToCanvas?.(
           {
             componentId: story.componentId,

code/lib/eslint-plugin/src/rules/no-uninstalled-addons.ts

@@ -163,7 +163,7 @@ export default createStorybookRule({
       addonsExpression: TSESTree.ArrayExpression | undefined
     ) => {
       if (addonsExpression?.elements) {
-        // extract all nodes taht are a string inside the addons array
+        // extract all nodes that are a string inside the addons array
         const nodesWithAddons = addonsExpression.elements
           .map((elem) => (isLiteral(elem) ? { value: elem.value, node: elem } : undefined))
           .filter(excludeNullable);

docs/_snippets/mount-advanced.md

@@ -26,7 +26,7 @@ export const Basic: Story = {
     await userEvent.click(await canvas.findByRole('menuitem', { name: /login to add/i }));
   },
   argTypes: {
-    // 👇 Make the params prop un-controllable, as the value is always overriden in the play function.
+    // 👇 Make the params prop un-controllable, as the value is always overridden in the play function.
     params: { control: { disable: true } },
   },
 };
@@ -54,7 +54,7 @@ export const Basic = {
     await userEvent.click(await canvas.findByRole('menuitem', { name: /login to add/i }));
   },
   argTypes: {
-    // 👇 Make the params prop un-controllable, as the value is always overriden in the play function.
+    // 👇 Make the params prop un-controllable, as the value is always overridden in the play function.
     params: { control: { disable: true } },
   },
 };
@@ -88,7 +88,7 @@ export const Basic: Story = {
     await userEvent.click(await canvas.findByRole('menuitem', { name: /login to add/i }));
   },
   argTypes: {
-    // 👇 Make the params prop un-controllable, as the value is always overriden in the play function.
+    // 👇 Make the params prop un-controllable, as the value is always overridden in the play function.
     params: { control: { disable: true } },
   },
 };
@@ -119,7 +119,7 @@ export const Basic = meta.story({
     await userEvent.click(await canvas.findByRole('menuitem', { name: /login to add/i }));
   },
   argTypes: {
-    // 👇 Make the params prop un-controllable, as the value is always overriden in the play function.
+    // 👇 Make the params prop un-controllable, as the value is always overridden in the play function.
     params: { control: { disable: true } },
   },
 });
@@ -154,7 +154,7 @@ export const Basic: Story = {
     await userEvent.click(await canvas.findByRole('menuitem', { name: /login to add/i }));
   },
   argTypes: {
-    // 👇 Make the params prop un-controllable, as the value is always overriden in the play function.
+    // 👇 Make the params prop un-controllable, as the value is always overridden in the play function.
     params: { control: { disable: true } },
   },
 };
@@ -183,7 +183,7 @@ export const Basic = {
     await userEvent.click(await canvas.findByRole('menuitem', { name: /login to add/i }));
   },
   argTypes: {
-    // 👇 Make the params prop un-controllable, as the value is always overriden in the play function.
+    // 👇 Make the params prop un-controllable, as the value is always overridden in the play function.
     params: { control: { disable: true } },
   },
 };
@@ -217,7 +217,7 @@ export const Basic: Story = {
     await userEvent.click(await canvas.findByRole('menuitem', { name: /login to add/i }));
   },
   argTypes: {
-    // 👇 Make the params prop un-controllable, as the value is always overriden in the play function.
+    // 👇 Make the params prop un-controllable, as the value is always overridden in the play function.
     params: { control: { disable: true } },
   },
 };
@@ -246,7 +246,7 @@ export const Basic = {
     await userEvent.click(await canvas.findByRole('menuitem', { name: /login to add/i }));
   },
   argTypes: {
-    // 👇 Make the params prop un-controllable, as the value is always overriden in the play function.
+    // 👇 Make the params prop un-controllable, as the value is always overridden in the play function.
     params: { control: { disable: true } },
   },
 };
@@ -276,7 +276,7 @@ export const Basic = meta.story({
     await userEvent.click(await canvas.findByRole('menuitem', { name: /login to add/i }));
   },
   argTypes: {
-    // 👇 Make the params prop un-controllable, as the value is always overriden in the play function.
+    // 👇 Make the params prop un-controllable, as the value is always overridden in the play function.
     params: { control: { disable: true } },
   },
 });
@@ -309,7 +309,7 @@ export const Basic = meta.story({
     await userEvent.click(await canvas.findByRole('menuitem', { name: /login to add/i }));
   },
   argTypes: {
-    // 👇 Make the params prop un-controllable, as the value is always overriden in the play function.
+    // 👇 Make the params prop un-controllable, as the value is always overridden in the play function.
     params: { control: { disable: true } },
   },
 });
@@ -340,7 +340,7 @@ export const Basic = meta.story({
     await userEvent.click(await canvas.findByRole('menuitem', { name: /login to add/i }));
   },
   argTypes: {
-    // 👇 Make the params prop un-controllable, as the value is always overriden in the play function.
+    // 👇 Make the params prop un-controllable, as the value is always overridden in the play function.
     params: { control: { disable: true } },
   },
 });
@@ -373,7 +373,7 @@ export const Basic = meta.story({
     await userEvent.click(await canvas.findByRole('menuitem', { name: /login to add/i }));
   },
   argTypes: {
-    // 👇 Make the params prop un-controllable, as the value is always overriden in the play function.
+    // 👇 Make the params prop un-controllable, as the value is always overridden in the play function.
     params: { control: { disable: true } },
   },
 });