V3/uniformize imports

[ugogo]

Uniformize imports

-import React from 'react';
+import * as React from 'react';

-import { ... } from '@chakra-ui/core';
+import * as Chakra from '@chakra-ui/core';

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/heetch-eng/flamingo/55oz5v4z7
✅ Preview: https://flamingo-git-v3-uniformize-imports.heetch-eng.vercel.app

[obedparla]

I read somewhere this yields different results behind the curtain but I haven't learned about it, do you know what the difference is? 🤔

[ugogo]

IIRC this is the recommended way of importing React

From facebook/react#18102

This is the correct way to import React from an ES module since the ES module will not have a default export. Only named exports.