diff --git a/code/lib/create-storybook/src/initiate.ts b/code/lib/create-storybook/src/initiate.ts index 3377dc488495..36117d29b2ab 100644 --- a/code/lib/create-storybook/src/initiate.ts +++ b/code/lib/create-storybook/src/initiate.ts @@ -201,8 +201,12 @@ async function runStorybookDev(result: { const availablePort = await getServerPort(defaultPort); const useAlternativePort = availablePort !== defaultPort; - if (useAlternativePort) { - flags.push(`--port=${availablePort}`); + const portFlag = flags.findIndex((flag) => flag.startsWith('-p ')); + + if (useAlternativePort && portFlag === -1) { + flags.push(`-p ${availablePort}`); + } else if (useAlternativePort && portFlag !== -1) { + flags[portFlag] = `-p ${availablePort}`; } flags.push('--quiet');