How to use makeStyles in latest material-ui version 5 in React - material-ui

I am using Material Ui version 5.2.7. When I import makeStyles from #mui/materials/styles, I am getting following error -
Uncaught Error: MUI: makeStyles is not longer exported from #mui/material/styles. You have to import it from #mui/styles. See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.
At also says that #mui/styles is deprecated in mui version 5. So I am confused how I can import makeStyles. Anyone have any idea on this?
I am using Material Ui version 5.2.7. When I import makeStyles from #mui/materials/styles, I am getting following error -
Uncaught Error: MUI: makeStyles is not longer exported from #mui/material/styles. You have to import it from #mui/styles. See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.
At also says that #mui/styles is deprecated in mui version 5. So I am confused how I can import makeStyles. Anyone have any idea on this?

As Error says
install
npm install #mui/material #mui/styles
or
yarn add #mui/material #mui/styles
import
import { makeStyles } from '#mui/styles';

Related

Error Compiling Flutter Flame Game in VSCode After Flame Version Upgrade

After upgrading from Flame 1.0.0 to 1.3.0, my project stopped building with errors like so:
Error: Type 'HasHitboxes' not found.
package:project/…/sprite_components/player_component.dart:14
with HasGameRef, HasHitboxes, Collidable
The errors are related only to HitBoxes and Collidables, in that they are not found, I'm suspecting something needs importing in Flame 1.3.0.
These are my imports:
import 'package:flame/components.dart';
import 'package:flame/geometry.dart';
import 'package:flame/input.dart';
import 'package:flame/sprite.dart';
I tried:
flutter pub cache clean
flutter pub get
But no luck, is there anything else that needs doing?
P.S. If I downgrade back to 1.0.0, everything works fine.
HasHitboxes and Collidable aren't used anymore.
Hitboxes are now a first class component in Flame, so you just have to add the hitboxes directly to the component with component.add. If you want to listen for collisions with those hitboxes you have to add the CollisionCallbacks mixin to the component and the HasCollisionDetection to the game.
https://docs.flame-engine.org/1.3.0/flame/collision_detection.html

Flutter error: GooglePayButton is imported from both 'flutter_stripe' and a 'pay' packages

I'm learning how to install GooglePay into a Flutter app. Several tutorials have said to import two packages:
import 'package:my_app/flutter_stripe.dart';
import 'package:pay/pay.dart';
But both packages have a GooglePayButton. Calling this method results in this conflict:
Error: 'GooglePayButton' is imported from both 'package:flutter_stripe/src/widgets/google_pay_button.dart' and 'package:pay/pay.dart'.
The flutter_stripe documentation says
flutter_stripe fully supports the Pay plugin from the Google Pay team.
Does that mean we should import both packages? I'm using Pay 1.08 and flutter_stripe 2.1.1.
Make One Like This:
import 'package:my_app/flutter_stripe.dart' as Stripe;
import 'package:pay/pay.dart';
Now you can call it as Stripe So it wont conflict

SwiftUI: No such Module 'FirebaseAuth'

I've run into a strange issue when trying to setup Firebase sign in with Apple functionality in my app.
It is required to import FirebaseAuth for OAuth functionality. When I try importing it I get the error : "No such Module 'FirebaseAuth'". I have added the package dependencies with package manager and FirebaseAuth is there... but it still gives the error. See screenshot below.
Simply importing Firebase does not give an import error, however I still get errors when trying to use the Authentication functionality. See screenshot below
I've looked for solutions elsewhere but others who have had the same issue as me used Cocoapods to install the packages so their solutions don't apply here.
I am using Xcode 13.0
I fixed the issue by adding FirebaseAuth dependency in build phases:

I met some problems using Matrial ui icons

I was using material UI with react in my project, and ÷ have some troubles when it come to import the material icons, ÷ already install
"#material-ui/core": "^4.12.3",
"#material-ui/icons": "^4.11.2",
"#mui/lab": "^5.0.0-alpha.48",
"#mui/material": "^5.0.1",
but for some reason i got this error
Module not found: Can't resolve '#mui/icons-material/Menu'
i don't know what I'm missing here.
The new version of material-ui is packaged as mui. So instead of #material-ui/icons:... you need #mui/icons-material:... to be installed in package.json. Same goes with all other material-ui packages.
Material UI has been recently updated to v5.0.1 and the package names/ packages has been changed to mui
You can access the v4 here - https://v4.mui.com/

ag-Grid: toolPanel is only available in ag-Grid Enterprise

I am using Angular2 version.I am getting below error, when I am trying to upgrade to ag-grid-enterprise version. Written below code for setting up license key.
import { LicenseManager } from 'ag-grid-enterprise';
LicenseManager.setLicenseKey(xxx);
But I am getting the below error, when ever I am trying to use "ToolPanel" (enterprise) functionality,
'ag-Grid: toolPanel is only available in ag-Grid Enterprise.
Need your help on this, I have searched entire web and tried restarting the system and other measures suggested in the forum, but every time I am getting the above error.
Appreciate your help on this.
Follow the steps below for Enterprise ag-grid
npm install --save ag-grid-enterprise ag-grid-angular
Add import { AgGridModule } from 'ag-grid-angular'; import
'ag-grid-enterprise'; to app.module.ts