[BUG] Casbin example not working

[polly3d]

Describe the bug Casbin is not working when flowing from the example.

To Reproduce Just flowing from the document: https://refine.dev/docs/guides-and-concepts/access-control/#casbin Steps to reproduce the behavior:

1. install casbin
2. write access control provider

The node-casbin is just for the backend, not the fronted. So there're errors when webpack building.

[salihozdemir]

Hey @polly3d, Thank you for information. As soon as possible we'll update the casbin example. Right now we are very busy, we would be very happy if you would like to open a PR and contribute to us 🚀

[amit-ksh]

I would like to work on this issues. Can you assign this issue to me?

[salihozdemir]

I would like to work on this issues. Can you assign this issue to me?

We'll look forward to your contribution 🚀

[amit-ksh]

Hey @salihozdemir! I fixed all the errors raised by webpack in Refine Casbin Example app.

Change I made -

1. Upgraded the webpack to the latest version i.e. 5.0.1
   • Reason: webpack 4 does not support the nullish coalescing and optional chaining
2. Uses the react-app-rewired package for overriding the webpack config to support polyfills.
   • Reason: app created using create-react-app does not support the webpack config overriding and for that, we need react-app-rewired

Here is the updated app - site

[salihozdemir]

Hey @amit-ksh, First, sorry for my late response I missed the notification. Great job! 🎉 We can't wait to merge. Could you want to open a PR?

[amit-ksh]

I just wanted to confirm that I have to make changes in the docs right?

[salihozdemir]

Our expectation is docs and example. The example file is in here. You can refer to this document to learn how to run examples in refine project. Also, you can find how to run document.

[amit-ksh]

OK! I'll try to create PR as soon as possible.

[omeraplak]

Thank you @amit-ksh 🎁