Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Update to React Router v6 standards


Hello!

In react-router-dom v6 the recommended way of creating the routes is by using createbrowserrouter() instead of <BrowserRouter></BrowserRouter> components. According to the documentation:

This is the recommended router for all React Router web projects. It uses the DOM History API to update the URL and manage the history stack.

It also enables the v6.4 data APIs like loaders, actions, fetchers and more

Unfortunately the BrowserRouter does not support all the features that are available and needs manual rewriting in our project. It would be awesome if you could update the router implementation.

Thanks and best wishes,
Tamás


T
Tamas 3 years ago
Metronic React
3 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

T
Tamas 3 years ago

Hi Lauris,

That is awesome.

Here is some reasoning from the docs why the Data API router is the recommended way.

Looking forward for this!

Best wishes,
Tamas


user
Lauris Stepanovs Author 3 years ago

Hi Tamas,

I attached your comment to the task, so our developer will check it when they will do research regarding Data API.

Thank you again.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


user
Lauris Stepanovs Author 3 years ago

Hi Tamas,

Thank you for your suggestion, we appreciate it a lot.

I added a task to our system, we will check createbrowserrouter() approach in more detail and consider using it in the next Metronic releases.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(