"workspaces": {
    "packages": [
      "apps/*",
      "packages/*"
    ],
    "nohoist": [
      "**/vue",                    
      "**/vue/**",                 
      "**/vue-server-renderer",    
      "**/vue-server-renderer/**", 
      "**/vue-template-compiler",  
      "**/vue-template-compiler/**",
      "**/nuxt",                   
      "**/nuxt/**",
      "**/webpack",
      "**/webpack/**",
      "**/vite",
      "**/vite/**",
      "**/@nuxtjs",
      "**/@nuxtjs/**",
      "**/@nuxt",
      "**/@nuxt/**"
    ]
  }```

You have to make sure that any library discrepancy has to be listed there to avoid conflicts. 

As last resource I realized that if you put this in the children package.json files also fixes the problem but then you're not getting part of the benefits of a monorepo avoiding lib dups in the nodemodules

```"workspaces": {
  "nohoist": ["**"]
}```

PD: The example of react17/18 might be working because the `react17` app is actually running `react18`.