{"id":69151,"date":"2023-05-19T11:42:26","date_gmt":"2023-05-19T10:42:26","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=69151&#038;post_type=knowledgebase&#038;preview_id=69151"},"modified":"2025-10-01T20:43:53","modified_gmt":"2025-10-01T19:43:53","slug":"errore-switch-is-not-exported-from-react-router-dom","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/","title":{"rendered":"Come Risolvere l&#8217;Errore \u201cSwitch Is Not Exported from \u2018react-router-dom\u2019\u201d in React"},"content":{"rendered":"<p>React Router \u00e8 una popolare libreria di routing utilizzata nelle applicazioni <a href=\"https:\/\/kinsta.com\/it\/blog\/react-js\/\">React<\/a> per gestire la navigazione e fornire funzionalit\u00e0 di routing. Tuttavia, come per tutte le librerie, nel corso del tempo si verificano aggiornamenti e modifiche che possono generare errori perch\u00e9 alcune funzionalit\u00e0 diventano obsolete.<\/p>\n<p>Un errore che si pu\u00f2 riscontrare quando si implementa il routing nelle applicazioni React \u00e8 l&#8217;errore &#8220;&#8216;Switch is not exported from &#8216;react-router-dom'&#8221;.<\/p>\n<p>Questo si verifica quando si effettua l&#8217;aggiornamento da una versione precedente di <a href=\"https:\/\/reactrouter.com\/en\/main\" target=\"_blank\" rel=\"noopener noreferrer\">React Router<\/a> a una pi\u00f9 recente (attualmente la v6) senza tener conto di alcuni componenti deprecati come <code>&lt;Switch&gt;<\/code>.<\/p>\n<p>In questo articolo analizzeremo le cause di questo errore e vedremo come risolverlo, per garantire un routing e una navigazione fluidi nelle applicazioni React.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Quali sono le cause dell&#8217;errore &#8220;Switch is not exported from \u2018react-router-dom\u2019&#8221; in React?<\/h2>\n<p>In React Router versione 5 e precedenti, si utilizzava il componente <code>&lt;Switch&gt;<\/code> per <a href=\"https:\/\/v5.reactrouter.com\/web\/api\/Switch\" target=\"_blank\" rel=\"noopener noreferrer\">racchiudere tutte le route di un&#8217;applicazione React<\/a>. Nella versione 6 di React Router, il componente <code>&lt;Switch&gt;<\/code> \u00e8 <a href=\"https:\/\/reactrouter.com\/en\/main\/upgrading\/v5#upgrade-all-switch-elements-to-routes\" target=\"_blank\" rel=\"noopener noreferrer\">stato deprecato e sostituito<\/a> dal componente <code>&lt;Routes&gt;<\/code>.<\/p>\n<p>Il componente <code>&lt;Routes&gt;<\/code> in React Router v6 ha un approccio pi\u00f9 dichiarativo e flessibile al routing rispetto al componente <code>&lt;Switch&gt;<\/code>, ormai deprecato.<\/p>\n<p>Quindi, se \u00e8 stato effettuato di recente l&#8217;aggiornamento a React Router v6 (o a una versione pi\u00f9 recente) e si sta ancora cercando di utilizzare il componente deprecato <code>&lt;Switch&gt;<\/code>, si riscontrer\u00e0 l&#8217;errore &#8220;&#8216;Switch is not exported from &#8216;react-router-dom'&#8221;.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/04\/switch-react-router-error.jpg\" alt=\"Schermata di un editor React con il messaggio di errore Switch is not exported from 'react-router-dom\" width=\"1600\" height=\"255\"><figcaption class=\"wp-caption-text\">Il messaggio di errore Switch is not exported from &#8216;react-router-dom<\/figcaption><\/figure>\n\n<h2>2 metodi per risolvere l&#8217;errore \u201cSwitch is not exported from \u2018react-router-dom\u2019\u201d in React<\/h2>\n<p>Questo errore pu\u00f2 essere risolto in due modi, a seconda dell&#8217;approccio desiderato e dei requisiti del progetto:<\/p>\n<ul>\n<li>Utilizzare &lt;Routes&gt; invece di &lt;Switch&gt;<\/li>\n<li>Eseguire il downgrade della versione di <strong>react-router-dom<\/strong> alla 5 o inferiore<\/li>\n<\/ul>\n<h3>1. Utilizzare &lt;Routes&gt; invece di &lt;Switch&gt;<\/h3>\n<p>Un modo per risolvere l&#8217;errore &#8220;Switch Is Not Exported from \u2018react-router-dom\u2019&#8221; in React \u00e8 quello di sostituire <code>&lt;Switch&gt;<\/code> con <code>&lt;Routes&gt;<\/code>.<\/p>\n<p>Vediamo come aggiornare il codice di routing passando dal componente <code>&lt;Switch&gt;<\/code>, deprecato dalla versione 5 di React Router, al nuovo componente <code>&lt;Routes&gt;<\/code> introdotto dalla versione 6 di React Router.<\/p>\n<p>In React Router versione 5 abbiamo:<\/p>\n<pre><code class=\"language-jsx\">import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';\nimport Home from '.\/components\/Home';\nimport About from '.\/components\/About';\nimport Contact from '.\/components\/Contact';\n\nconst App = () =&gt; {\n  return (\n  &lt;Router&gt;\n    &lt;Switch&gt;\n      &lt;Route exact path=\"\/\" component={Home} \/&gt;\n      &lt;Route path=\"\/about\" component={About} \/&gt;\n      &lt;Route path=\"\/contact\" component={Contact} \/&gt;\n    &lt;\/Switch&gt;\n  &lt;\/Router&gt;\n  );\n};\n\nexport default App;<\/code><\/pre>\n<p>Nel codice qui sopra, abbiamo utilizzato il componente <code>&lt;Switch&gt;<\/code> per racchiudere le nostre route. Tuttavia, nella versione 6 di React Router, dobbiamo modificare il nostro codice di routing utilizzando il componente <code>&lt;Routes&gt;<\/code> e le <a href=\"https:\/\/kinsta.com\/it\/blog\/microservizi-vs-api\/\">API<\/a> aggiornate.<\/p>\n<p>Ecco come si presenterebbe lo stesso esempio in React Router versione 6 e successive:<\/p>\n<pre><code class=\"language-jsx\">import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';\nimport Home from '.\/components\/Home';\nimport About from '.\/components\/About';\nimport Contact from '.\/components\/Contact';\n\nconst App = () =&gt; {\n  return (\n  &lt;Router&gt;\n    &lt;Routes&gt;\n      &lt;Route path=\"\/\" element={&lt;Home \/&gt;} \/&gt;\n      &lt;Route path=\"\/about\" element={&lt;About \/&gt;} \/&gt;\n      &lt;Route path=\"\/contact\" element={&lt;Contact \/&gt;} \/&gt;\n    &lt;\/Routes&gt;\n  &lt;\/Router&gt;\n  );\n};\n\nexport default App;<\/code><\/pre>\n<p>Qui abbiamo sostituito il componente <code>&lt;Switch&gt;<\/code> con il componente <code>&lt;Routes&gt;<\/code> e ogni <code>&lt;Route&gt;<\/code> \u00e8 ora definita utilizzando la propriet\u00e0 <code>element<\/code> invece della propriet\u00e0 <code>component<\/code>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>La propriet\u00e0 <code>exact<\/code> non \u00e8 pi\u00f9 necessaria dalla versione 6 di React Router, perch\u00e9 \u00e8 il comportamento predefinito. Inoltre, il componente <code>&lt;Route&gt;<\/code> non usa pi\u00f9 <code>component={Home}<\/code> per assegnare il componente, bens\u00ec <code>element={&lt;Contact\/&gt;}<\/code>.<\/p>\n<\/aside>\n\n<h4>Vantaggi delle Route rispetto agli Switch in React Router v6<\/h4>\n<p>L&#8217;introduzione del componente <code>&lt;Routes&gt;<\/code> con React Router v6 ha portato diversi vantaggi rispetto al componente <code>&lt;Switch&gt;<\/code>, ormai deprecato.<\/p>\n<p>Vediamo alcuni dei vantaggi di <code>&lt;Routes&gt;<\/code> nella gestione della logica di routing nelle applicazioni React.<\/p>\n<h5>1. Miglioramento del routing annidato<\/h5>\n<p><code>&lt;Routes&gt;<\/code> permette di migliorare le configurazioni di routing annidato rispetto a <code>&lt;Switch&gt;<\/code>. Con <code>&lt;Routes&gt;<\/code>, \u00e8 possibile definire facilmente percorsi annidati, annidando i componenti <code>&lt;Route&gt;<\/code> all&#8217;interno di altri componenti <code>&lt;Route&gt;<\/code>.<\/p>\n<p>Questo rende pi\u00f9 intuitiva e organizzata la gestione di strutture di routing complesse e pu\u00f2 aiutare a rendere pi\u00f9 semplice la gestione della logica di routing in applicazioni di grandi dimensioni con pi\u00f9 livelli di route annidati.<\/p>\n<pre><code class=\"language-jsx\">&lt;Routes&gt;\n  &lt;Route path=\"\/\" element={&lt;Home \/&gt;} \/&gt;\n  &lt;Route path=\"\/about\" element={&lt;About \/&gt;}&gt;\n  &lt;Route path=\"\/team\" element={&lt;Team \/&gt;} \/&gt;\n  &lt;Route path=\"\/history\" element={&lt;History \/&gt;} \/&gt;\n  &lt;\/Route&gt;\n  &lt;Route path=\"\/contact\" element={&lt;Contact \/&gt;} \/&gt;\n&lt;\/Routes&gt;<\/code><\/pre>\n<h5>2. Corrispondenza dinamica delle route<\/h5>\n<p><code>&lt;Routes&gt;<\/code> offre una maggiore flessibilit\u00e0 nell&#8217;abbinamento e nel rendering dinamico delle route in base ai parametri della route. Questo permette di creare route pi\u00f9 dinamiche e basate sui dati.<\/p>\n<pre><code class=\"language-jsx\">&lt;Routes&gt;\n  &lt;Route path=\"\/\" element={&lt;Home \/&gt;} \/&gt;\n  &lt;Route path=\"\/users\/:userId\" element={&lt;UserProfile \/&gt;} \/&gt;\n  &lt;Route path=\"\/products\/:productId\" element={&lt;ProductDetail \/&gt;} \/&gt;\n&lt;\/Routes&gt;<\/code><\/pre>\n<h5>3. Migliore gestione degli errori<\/h5>\n<p><code>&lt;Routes&gt;<\/code> offre una migliore gestione degli errori per i percorsi non trovati. Se un percorso non viene trovato, <code>&lt;Routes&gt;<\/code> visualizza automaticamente un componente &#8220;Not Found&#8221; o un componente di errore personalizzato.<\/p>\n<p>Questo pu\u00f2 permettere di migliorare l&#8217;esperienza utente gestendo in modo elegante gli URL non validi o le route che non esistono nell&#8217;applicazione.<\/p>\n<pre><code class=\"language-jsx\">&lt;Routes&gt;\n  &lt;Route path=\"\/\" element={&lt;Home \/&gt;} \/&gt;\n  &lt;Route path=\"\/about\" element={&lt;About \/&gt;} \/&gt;\n  {\/* Error route *\/}\n  &lt;Route path=\"*\" element={&lt;NotFound \/&gt;} \/&gt;\n&lt;\/Routes&gt;<\/code><\/pre>\n<h3>2. Aggiornare la versione di react-router-dom alla versione 5 o inferiore<\/h3>\n<p>Se si dovesse preferire continuare a utilizzare <code>&lt;Switch&gt;<\/code>, \u00e8 possibile risolvere l&#8217;errore eseguendo il downgrade della versione di <strong>react-router-dom<\/strong> alla 5 o inferiore.<\/p>\n<p>Questa pu\u00f2 essere una soluzione valida per un progetto realizzato con una versione precedente di React Router. Bisogner\u00e0 prima disinstallare l&#8217;ultima versione installata di React Router con il comando seguente:<\/p>\n<pre><code class=\"language-bash\">npm uninstall react-router-dom<\/code><\/pre>\n<p>Ora si potr\u00e0 utilizzare questo comando per installare l&#8217;ultima major version che include il componente &lt;Switch&gt;, ovvero la versione 5.2.0:<\/p>\n<pre><code class=\"language-bash\">npm install react-router-dom@5.2.0<\/code><\/pre>\n\n<h2>Riepilogo<\/h2>\n<p>In questo articolo abbiamo analizzato l&#8217;errore &#8220;Switch Is Not Exported from \u2018react-router-dom\u2019&#8221; in React e abbiamo descritto alcuni metodi per risolverlo. Abbiamo anche analizzato i vantaggi del nuovo componente <code>&lt;Routes&gt;<\/code> rispetto al deprecato <code>&lt;Switch&gt;<\/code>.<\/p>\n<p>Quando si avvia un nuovo progetto, \u00e8 sempre consigliabile utilizzare l&#8217;ultima versione di React Router, perch\u00e9 porta miglioramenti significativi.<\/p>\n<p>Tuttavia, se state lavorando a un progetto gi\u00e0 esistente e non avete il tempo di aggiornare il vostro codice in modo da utilizzare la nuova sintassi e i nuovi componenti di React Router v6, potete continuare a usare la versione precedente di React Router.<\/p>\n<p><em>Ora tocca a voi: avete mai riscontrato questo problema? Come l\u2019avete risolto? Avete seguito altri approcci che non abbiamo trattato in questo articolo? Fatecelo sapere nei commenti!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>React Router \u00e8 una popolare libreria di routing utilizzata nelle applicazioni React per gestire la navigazione e fornire funzionalit\u00e0 di routing. Tuttavia, come per tutte le &#8230;<\/p>\n","protected":false},"author":287,"featured_media":69371,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[26229,26212],"class_list":["post-69151","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-errori-di-react","topic-react"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Come Risolvere l&#039;Errore \u201cSwitch Is Not Exported from \u2018react-router-dom\u2019\u201d in React- Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Questa semplice guida descrive 2 metodi per risolvere l&#039;errore Switch is not exported from &#039;react-router-dom&#039;.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come Risolvere l&#039;Errore \u201cSwitch Is Not Exported from \u2018react-router-dom\u2019\u201d in React\" \/>\n<meta property=\"og:description\" content=\"Questa semplice guida descrive 2 metodi per risolvere l&#039;errore Switch is not exported from &#039;react-router-dom&#039;.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-19T10:42:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T19:43:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/errore-switch-is-not-exported-from-react-router-dom.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Joel Olawanle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Questa semplice guida descrive 2 metodi per risolvere l&#039;errore Switch is not exported from &#039;react-router-dom&#039;.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/errore-switch-is-not-exported-from-react-router-dom.jpeg\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"Come Risolvere l&#8217;Errore \u201cSwitch Is Not Exported from \u2018react-router-dom\u2019\u201d in React\",\"datePublished\":\"2023-05-19T10:42:26+00:00\",\"dateModified\":\"2025-10-01T19:43:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/\"},\"wordCount\":921,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/errore-switch-is-not-exported-from-react-router-dom.jpeg\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/\",\"name\":\"Come Risolvere l'Errore \u201cSwitch Is Not Exported from \u2018react-router-dom\u2019\u201d in React- Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/errore-switch-is-not-exported-from-react-router-dom.jpeg\",\"datePublished\":\"2023-05-19T10:42:26+00:00\",\"dateModified\":\"2025-10-01T19:43:53+00:00\",\"description\":\"Questa semplice guida descrive 2 metodi per risolvere l'errore Switch is not exported from 'react-router-dom'.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/errore-switch-is-not-exported-from-react-router-dom.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/errore-switch-is-not-exported-from-react-router-dom.jpeg\",\"width\":1500,\"height\":750,\"caption\":\"Come Risolvere l'Errore \u201cSwitch Is Not Exported from \u2018react-router-dom\u2019\u201d in React\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"React\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/react\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Come Risolvere l&#8217;Errore \u201cSwitch Is Not Exported from \u2018react-router-dom\u2019\u201d in React\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"caption\":\"Joel Olawanle\"},\"description\":\"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.\",\"sameAs\":[\"https:\/\/joelolawanle.com\/\",\"https:\/\/www.linkedin.com\/in\/olawanlejoel\/\",\"https:\/\/x.com\/olawanle_joel\",\"https:\/\/www.youtube.com\/@joelolawanle\"],\"gender\":\"male\",\"knowsAbout\":[\"JavaScript\",\"React\",\"Next.js\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Technical Editor\",\"worksFor\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Come Risolvere l'Errore \u201cSwitch Is Not Exported from \u2018react-router-dom\u2019\u201d in React- Kinsta\u00ae","description":"Questa semplice guida descrive 2 metodi per risolvere l'errore Switch is not exported from 'react-router-dom'.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/","og_locale":"it_IT","og_type":"article","og_title":"Come Risolvere l'Errore \u201cSwitch Is Not Exported from \u2018react-router-dom\u2019\u201d in React","og_description":"Questa semplice guida descrive 2 metodi per risolvere l'errore Switch is not exported from 'react-router-dom'.","og_url":"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2023-05-19T10:42:26+00:00","article_modified_time":"2025-10-01T19:43:53+00:00","og_image":[{"width":1500,"height":750,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/errore-switch-is-not-exported-from-react-router-dom.jpeg","type":"image\/jpeg"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Questa semplice guida descrive 2 metodi per risolvere l'errore Switch is not exported from 'react-router-dom'.","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/errore-switch-is-not-exported-from-react-router-dom.jpeg","twitter_creator":"@olawanle_joel","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Joel Olawanle","Tempo di lettura stimato":"6 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"Come Risolvere l&#8217;Errore \u201cSwitch Is Not Exported from \u2018react-router-dom\u2019\u201d in React","datePublished":"2023-05-19T10:42:26+00:00","dateModified":"2025-10-01T19:43:53+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/"},"wordCount":921,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/errore-switch-is-not-exported-from-react-router-dom.jpeg","inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/","url":"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/","name":"Come Risolvere l'Errore \u201cSwitch Is Not Exported from \u2018react-router-dom\u2019\u201d in React- Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/errore-switch-is-not-exported-from-react-router-dom.jpeg","datePublished":"2023-05-19T10:42:26+00:00","dateModified":"2025-10-01T19:43:53+00:00","description":"Questa semplice guida descrive 2 metodi per risolvere l'errore Switch is not exported from 'react-router-dom'.","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/errore-switch-is-not-exported-from-react-router-dom.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/05\/errore-switch-is-not-exported-from-react-router-dom.jpeg","width":1500,"height":750,"caption":"Come Risolvere l'Errore \u201cSwitch Is Not Exported from \u2018react-router-dom\u2019\u201d in React"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/errore-switch-is-not-exported-from-react-router-dom\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"React","item":"https:\/\/kinsta.com\/it\/argomenti\/react\/"},{"@type":"ListItem","position":3,"name":"Come Risolvere l&#8217;Errore \u201cSwitch Is Not Exported from \u2018react-router-dom\u2019\u201d in React"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","caption":"Joel Olawanle"},"description":"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.","sameAs":["https:\/\/joelolawanle.com\/","https:\/\/www.linkedin.com\/in\/olawanlejoel\/","https:\/\/x.com\/olawanle_joel","https:\/\/www.youtube.com\/@joelolawanle"],"gender":"male","knowsAbout":["JavaScript","React","Next.js"],"knowsLanguage":["English"],"jobTitle":"Technical Editor","worksFor":"Kinsta","url":"https:\/\/kinsta.com\/it\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/69151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=69151"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/69151\/revisions"}],"predecessor-version":[{"id":72898,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/69151\/revisions\/72898"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/69151\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/69151\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/69151\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/69151\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/69151\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/69151\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/69151\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/69151\/translations\/es"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/69151\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/69371"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=69151"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=69151"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=69151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}