Router TS Issues

Router TS Issue

I am having a TS issue on the "to" in my Link component. I am not sure what causes this as I am pretty new to TSR.

<Button variant="outline">
   <Link to="/products/products-list">Cancel</Link>
</Button>

<Button variant="outline">
   <Link to="/products/products-list">Cancel</Link>
</Button>

Error in IDE

Type '"/products/products-list"' is not assignable to type '"/" | "/create-product" | "/create-product/accounting" | "/create-product/change-set" | "/create-product/product" | "/create-product/rates" | "/create-product/review" | "/products-list" | "./" | "../" | undefined'.ts(2322)

Type '"/products/products-list"' is not assignable to type '"/" | "/create-product" | "/create-product/accounting" | "/create-product/change-set" | "/create-product/product" | "/create-product/rates" | "/create-product/review" | "/products-list" | "./" | "../" | undefined'.ts(2322)

my base path for this project is "/products"

 <RouterProvider router={router} basepath="/products" />

 <RouterProvider router={router} basepath="/products" />

any ideas?

TanStack•2y ago•

15 replies

nursing-lime

Router TS Issues

Router TS Issue

I am having a TS issue on the "to" in my Link component. I am not sure what causes this as I am pretty new to TSR.

<Button variant="outline">
   <Link to="/products/products-list">Cancel</Link>
</Button>

<Button variant="outline">
   <Link to="/products/products-list">Cancel</Link>
</Button>

Error in IDE

Type '"/products/products-list"' is not assignable to type '"/" | "/create-product" | "/create-product/accounting" | "/create-product/change-set" | "/create-product/product" | "/create-product/rates" | "/create-product/review" | "/products-list" | "./" | "../" | undefined'.ts(2322)

Type '"/products/products-list"' is not assignable to type '"/" | "/create-product" | "/create-product/accounting" | "/create-product/change-set" | "/create-product/product" | "/create-product/rates" | "/create-product/review" | "/products-list" | "./" | "../" | undefined'.ts(2322)

my base path for this project is "/products"

 <RouterProvider router={router} basepath="/products" />

 <RouterProvider router={router} basepath="/products" />

any ideas?

Router TS Issues

Similar Threads

Router TS Issues

Similar Threads

Similar Threads

Similar Threads